Artsteps: Building VR Exhibitions

Artsteps is a browser-based platform that uses Unity tools to allow users to build and share their own virtual environments.

Features include:

  • The Ability to Design 3D Environments
  • Integrate Digital Content, including images, audio, video, and 3D objects
  • Develop guided pathways through the virtual environment with supplemental material
  • Easy distribution for computers (link or embed code) and VR headsets

Set Up

Got to Artsteps.com and sign up for a free account.

Create

Once you’ve logged in, you can create your own virtual exhibition or view others.

Here is a very detailed example of what can be produced.

Click “Create” to begin making your own virtual exhibition.

At the top of your window, you can navigate forward and backward through the steps for creating your project:

  1. Define your space
  2. Design your space
  3. Add & place your artifacts
  4. Plan a guided Tour
  5. Publish your exhibition

Define Your Space

You can choose from one of two exhibition templates or you can create your own space. Begin by clicking on the icon to place walls or doors and click and drag on the grid area. The start icon indicates where users will be place when they begin their experience.

Use the pink guide lines to make sure your walls line up.

Doorways can be added by selecting the tool and click on the wall space where you want to place a door.

To turn off your construction tools, click on the icons again. You won’t be able to select and delete walls until you have deselected your construction tools.

Once you have, you can select walls and click the delete wall button to remove walls from your construction.

This functionality is only present in the “Define your space” area.

The “i” or information button in the upper right of your creation window can be selected at any stage within your process to provide you with tools tips and directions for that section of the creation process.

Design Your Space

Next, you can design your space by adding colors and textures to your walls and floor, by click “2. Design your space” in the top menu. There are 40 colors and 36 textures to choose from in the pallets on the left of your window. You can switch to a ground-level view by selecting the “Switch View” button in the upper left of your creation window.

At the ground level, you can make decisions about if your models doors. You can choose to have the doors be open or closed and locked or unlocked.

To move through the space at ground level, point the cursor the area you want to move to and a set of footprints will appear. Place the footprints where you want to land and click. To change the direction you’re facing, click and drag to the right or left

Select the map in the bottom left corner of your creation window to see where you are located within your model at any time. Click the arrow to the right of the model layout to close it.

To add a color on the walls or floors of your exhibition, select any color you like from the palette and the click on the surface you want painted.

You can also paint the ceiling, floor, and wall frame of your exhibition.

In order to add textures on a surface, choose the desired texture image and then click on the surface you want it placed. You can then layer color over a texture to change the shade of the texture.

You can also upload your own texture. The texture can be uploaded as a Flickr API asset, an image file, or from a URL.

To stop applying colors and textures, deselect the current color or texture you are using from the pallet.

Then, you can click on a wall to adjust the light intensity or the texture tiling (making the pattern more or less frequent per the area).

Add & Place Your Artifacts

Once you’ve constructed and designed your space, you’re ready to add your curated objects and wall labels to it. For this tutorial, we will be using objects and texts from the Wikipedia page for Hercules, the ancient Roman mythical hero and son of the god Zeus.

You can upload image, video, 3D objects, and text as assets.

To upload an asset, select which types of asset you want to upload in the artifacts panel, then select the “Add” button. Each object types will have different options for upload. For images, you can use the search feature to use images from Flickr. For 3D objects, you can use the search feature to use assets from Google Poly. Review the slideshow below to see what information is needed for each asset.

NOTE: At the time of this tutorial, I have not been able to get video links from youtube to work in the video upload window.

After you upload an object, you will see it appear in the asset type as a thumbnail image. Select the thumbnail and then click and drag the asset anywhere in your model to place it.

Once an asset is placed, a set of tools will appear to help you orient the object within your space. For images, you will also be able to select a frame for your image.

When you select “Move,” “Rotate,” or “Scale,” the orientation tool will adjust its design. The colors in each orientation tool correspond with the related x, y, and z axises. You can also click the “Remove” icon to delete the item from the model. This will not delete it from the asset collect.

Adding wall text takes some finesse. If you copy and paste or type text into the text asset main field. It will show up as a very long floating text. You cannot adjust the width of the text with the scale tool.

Instead, go back into your asset editor by double-clicking on the object or hovering over the thumbnail in the artifacts panel and clicking on the edit icon.

Add in line breaks using the “return” or “enter” key, so that roughly the same amount of words are in each line of text. Approximate this number based on what you would like the width and size of your text to be. This may take a few attempts.

Then, you can use the Move and Scale tools to adjust the text’s appearance on the wall.

You can also incorporate 3D objects. Artsteps offers 5 “pre-made” display cases that you can choose from to include in your model display.

However, please note that all assets have a 4MB limit on a free account. This makes it difficult to include any 3D objects with complex geometry.

3D objects can be difficult to place and take some finagling, so give yourself enough time to incorporate them, especially if you’re setting them with one of the display cases.

Plan a Guided Tour

In the next section, you can add guide points to your exhibition space. This feature can be used to narrate the exhibition through interactive storytelling or be used to explain your exhibition design and highlight curatorial choices you made throughout the virtual exhibition.

Click on the “Add Guide Point” button to get started.

First, add a title and description to your guide point. Keep in mind, you can use this feature like an audio guide by uploading sound clips. You can also choose whether or not you would like your guide points to be visible.

Create a guide point and place it on your 3d canvas. Use the preview window in the upper right-hand corner to see where on the ground level the point will be. Zoom in and out on your model to check your placement.

Select the Move tool and click on what look like the stand legs to drag your point where you want it to be. Use the Rotate tool to adjust the orientation of your guide point, which is shown by the radiating white area coming from the point.

As you add more points a path will form that your visitors can use as a guide to your exhibition.

Publish Your Exhibition

Along the way, you can save and view your progress by click the corresponding buttons in the upper right corner of your screen.

“View” will show you what your published exhibition will look like from the perspective of your users/visitors. You can return back to editing your exhibition by click the “Edit” button next to the title of your exhibition.

Once you are back in edit mode, you can give your exhibition a title, description, and add categories and tags, so that it can be found within search results.

Click the toggle on the bottom left to adjust the Publishing Settings makes your exhibition viewable to the public. When it’s blue, you have published and your exhibition is open to the public and you can send a link of your exhibition to anyone you wish to have view it. You can deselect this at any time to hide your exhibition from the public again.

If save and log out, you can find your project when you log back in by using the dropdown in the upper right corner of your window and selecting “Profile”

From your profile, you can see all your current exhibition projects and select them to make edits.

Click on your exhibition to view it as a visitor. Copy the URL to share it with others or click the three dots at the bottom right to share via social media or use an embed code to place your exhibition within a webpage.

Enjoy making and sharing your virtual tours!

Tutorial made by Francesca Albrezzi