JanusVR Documentation

[BUILD] Editing in Janus: Templates

Need some help getting started? We've got some templates for you to take advantage of. Feel free to use these templates on your personal website!


Template One

360 Video

This template is perfect for people who want to get started on a 360 video room. If you're new to the 3D Internet, and need a place to put your content, look no further.

Check out our completed template in JanusVR!

Components You'll Need:

  1. 360 Content Template (download)
  2. A 360 Mercator Image, Video or Website

Steps:

  1. Extract 360content.zip
  2. Upload the folder to your website of choice, or to a local workspace.
  3. Open up index.html in your editor of choice.
  4. Change the text on line 4 from "360 Content Template" to something else.
  5. Determine what format of content you wish to host, and follow the below steps:

I'M HOSTING A 360 IMAGE:

  1. Go to line 39.
  2. Locate the AssetImage element on this line.
  3. Change the src="changeme.png" to another URL containing an image.

I'M HOSTING A 360 VIDEO:

  1. Go to line 50.
  2. Locate the AssetVideo element on this line.
  3. Change the src="insertfilehere.mp4" to another URL containing a supported video.
  4. Go to line 60.
  5. Locate the Object element on this line.
  6. Change the attribute called image_id="Mercator_projection_Image" to video_id="Mercator_projection_Video".

I'M HOSTING A 360 WEBSITE:

  1. Go to line 45
  2. Locate the AssetWebsurface element on this line.
  3. Change the src="http://www.insert360webpagehere.com" to another URL that points to your 360 website.
  4. Locate the Object element on this line.
  5. Change the attribute called image_id="Mercator_projection_Image" to websurface_id="Mercator_projection_Web".

You're done! You should now be able to visit your site in JanusVR


Template Two

Showcase Room

This template is perfect for people who want to get started on a room to showcase images, and/or a 3d model.

Check out our completed template in JanusVR!

Components You'll Need:

  1. Showcase Room Template (download)
  2. An image/website/video of your choosing
  3. A model of your choosing. (If you'd like to only showcase an image, feel free to leave this blank.)

Steps:

  1. Extract showcase.zip
  2. Upload the folder to your website of choice, or to a local workspace. See 5.Saving & Uploading for more information on this process.
  3. Open up index.html in your editor of choice.
  4. Change the text on line 3 from "Showcase Room" to something else.

CHANGING IMAGES ON WALL TO ANOTHER IMAGE:

  1. Go to line 28.
  2. Locate the AssetImage element on this line.
  3. Change the src="changeme.png" to another URL containing an image.

CHANGING IMAGES ON WALL TO A WEBSURFACE:

  1. Go to line 34.
  2. Locate the AssetWebsurface element on this line.
  3. Change the src="http://www.insert360webpagehere.com" to any website URL.
  4. Go to line 52.
  5. Change image_id="Wall_Images" to websurface_id="Wall_Web".

CHANGING IMAGES ON WALL TO A VIDEO:

  1. Go to line 39.
  2. Locate the AssetVideo element on this line
  3. Change the src="insertfilehere.mp4" to a URL referencing a video
  4. Go to line 52
  5. Change image_id="Wall_Images" to video_id="Wall_Video".

CHANGING MODEL IN CENTRE OF ROOM:

  1. Go to line 15.
  2. Locate the AssetObject element on this line.
  3. Change the src="Voronoi_city.dae" to another URL referencing a dae, obj or fbx file.
  4. If you're referencing an obj file, make sure to add a second attribute, mtl="nameofthemtlfileyourereferencing.mtl".

You're done! You should now be able to visit your site in JanusVR