Unit08 Web XR

Overview

In this unit, you will build an interactive project that includes a custom skin and many enhanced features.

Tools

Install the Chrome Extension "Immersive Web Emulator" from the Chrome Web Store

Objectives

At the end of this module, you should be able to...

Build a custom skin for headsets
Optimize the output for headsets

Tasks

Use Converto to create an .ogg audio file
Watch Embedding Video by Garden Gnome Software
Watch Building Skins for VR by Garden Gnome Software
Watch Web VR by Garden Gnome Software

Watch

Canvas Videos
3261_14a Overview of Web XR [2:36]
3261_14b Tools for Web XR [1:18]
3261_14c Project A Node Linking [6:54]
3261_14d Project A Overlay Video [3:17]
3261_14e Project A Pinned Video [6:20]
3261_14f Project A Popups [1:31]
3261_14g Project A Audio [2:05]
3261_14h Project A Text [0:55]
3261_14i Test on Emulation [5:19]
3261_14j Test on Oculus [2:06]
3261_14k Second Output [5:45]
3261_14l Skin Node Link [7:48]
3261_14m Skin Text Display [12:48]
3261_14n Skin Image Popup [6:37]
3261_14o Skin Testing [1:52]

Assignment Example

View Hines B&B with custom skin

For this assignment, you will shoot an entirely new location but it does not have to be a business. When you scout out the location look for items of interest so you can imnclude all the required items isted below.

Image Acquisition

Use the 18 shot method with bracketing to capture four different panoramas that are no more than 20 feet apart and can be seen from each other. Do not move the user through walls or closed doors!
Bracket Shoot in RAW

Image Processing

Process the RAW images to HDR using Photomatix Pro
Stitch the HDR images into spherical panoramas

Down Shot Patching

Open the two down shots and overlay to remove the arm. Remove the tripod using your best Photoshop skills.

Image Popups

Build a template in Photoshop using smart objects and then create a series of at least two popups
Popups must contain a title bar, close button, and text description as demonstrated in the videos
Modify the skin and REMOVE the close X in the skin. Have the image close when the image is clicked.
Use "Generate Image Assets" to create and update the popups automatically