How to Use the “VR Edit Mode” Function Using VIVE Controllers

In this article, we will introduce the new “VR Edit Mode” function for STYLY using VIVE Controllers. The user will be able to edit a space directly in VR.

Previously, STYLY could only be edited using a web browser, but with the new “VR Edit Mode”, a user can check an object’s size and position directly from inside the VR scene.

STYLY has its own VR VIEWER and the “VR Edit Mode” is a new function built into the viewer.

Lets get started in learning how to use the VR Edit Mode function for STYLY.

How to Use VR Edit Mode

First, place the assets you want to have in the VR scene in the Web Editor.

You can add self-created assets as well as assets from Google Poly.

Created Scene

To start the VR Editor, open the STYLY application from Steam, and select the pencil icon located at the bottom right of the thumbnail in My Scenes, or open the scene and click the “Edit in VR” option from the menu button controller.

To learn how to open the STYLY application from Steam, please refer to the article below.

Starting the Edit Mode

In this article, we will use the VIVE Controller.
If you are unsure about the button names on the VIVE controller, please refer to the image below.

Buttons on the VIVE Controller (Cited from the official VIVE homepage) https://www.vive.com/jp/support/vive/category_howto/about-the-controllers.html

Step 1 : Opening the Menu

Open the Menu Screen by pressing the Menu Button.

Menu Button

There are two modes, “VR Edit Mode” and “Play Mode”, please select the VR Edit Mode.
If you are in Play Mode, then click “Edit in VR” and change the mode to VR Edit Mode.

(Left) VR Edit Mode (Right) Play Mode

In VR Edit Mode, a help window appears on the right. If you need any help with the controls, refer to the instructional guide here.

Help Window

When you want to check the scene you edited, click “Play” and change to the Play mode.

Step 2 : Grab an Object

When you move the controller near an object, the object will become highlighted in yellow. If you press the trigger button you can then grab that object.

Trigger Button


Grabbing an Object ( GIF )

As long as you press and hold down the trigger button, you can continue holding the object. You can then move the object manually around the scene.

Step 3 : Duplicating or Deleting an Object

While you are holding an object, you can press the Trackpad button and duplicate the object.
You can then grab, hold, and move the copied object just as you did with the previous object.

TrackPad Buttons


Duplicating an Object ( GIF )

When you want to delete an object, move the controller near an object and press the Touchpad.

Step 4 : Changing the Size of an Object

To change the size of an object press both triggers on both controllers as you hold an object. Move the controller towards each other or away from each other to change the size of the object.

Trigger Button


Changing the Size of an Object (GIF)

You can see the object getting smaller in the GIF image above as the user moves the controllers closer.

Step 5 : Changing and Moving a VR Space

By using the grip buttons, you can change the size of the area or rotate the area.

If you want to move around the space, hold the controller’s Grip button, and swing your arms towards the direction you want to move to.

Grip Buttons


Moving in VR (GIF)

If you want to change the size or rotate the area, press the Grip buttons on both your controllers while you are not holding anything and open your arms wider to enlarge the area. By pulling your arms closer together you can shrink the area. If you move your arms towards your front or back, you can rotate the area.

Grip Buttons


Rotating in VR ( GIF )

Step 6 : Saving a Scene and Resetting the Position

Once you are done with editing the scene, don’t forget to open the menu screen and click “Save” while in VR edit mode.

If you click “Reset Position”, you will reset the area and object sizes and return to your initial position.

Menu button


VR Edit Mode

Lets get started using “VR Edit Mode” on some actual VR scenes using VIVE controllers. Editing while in VR is much faster and easier once you get better at using the different controls. Also, editing in VR shows problem areas in the scene that you may not have noticed if you weren’t able to move or rotate while editing. We hope you make good use of this function and create high-quality VR scenes!