Scenaria a free open browser for rapidly building & experiencing Mixed Reality scenes.
Scenaria allows developers to create simple scenes using a standard HTML editor (or just notepad).

In version 1 - Scenaria supports Multilensing (two or more hololenses seeing the same scene), shared anchors, scripting, synchronised media playback, scene and asset loading (direct from a web server via HTTP/S) and event handlers.

Scenes are created by placing XML tags into HTML pages.
E.g. To draw a red cube in front of the camera add the folling xml markup to a .htm page and point Scenaria at the URL.

  <scene3d title="">
   <holograms>
    <!-- Place a redcube -->
    <hologram uri="RedCube" uid="A1" positionxyz="0.0,-0.5,3">
    </hologram>   
   </holograms>
  </scene3d> 



So an example the webpage could be as follows (note if you want to embed the tags within an existing page surround the XML with HTML comment tags )

  <!DOCTYPE html>
  <html>
    <head>
   <title>Index page</title>
    </head>
    <body>
     <scene3d title="Index page">
     <holograms>
     <!-- Place a redcube -->
     <hologram uri="RedCube" uid="A1" positionxyz="0.0,-0.5,3">
     </hologram>   
    </holograms>
   </scene3d>
    </body>
  </html>


Note
1) The in the above example the attribute UID="A1" is the Unique ID for this asset that can be referenced in scripting.
2) The name RedCube is one of 3 built in assets for playing with (Red/White and Blue)

The following page will display two cubes, clicking on the red one will load a scene from a different external web server.

<!DOCTYPE html>
<html>
  <head>
    <title>Index page</title>
  </head>
  <body>
 <scene3d  title="Index page">
  <holograms>
  <!-- Place a redcube -->
   <hologram uri="RedCube" uid="A1" visible="true" positionxyz="0.50,-0.5,3" scalexyz="1.0,1.0,1.0" rotationxyzw="0.0,0.0,0.0,0.0" onclick='LoadScene("https://willcock.blogspot.com/2018/12/index-page.html")'>
   </hologram>  
   <hologram uri="Demo glb image" uri=""http://colyseus.azurewebsites.net/scenes/Avocado.glb" "uid="A2"  positionxyz="0.65,-0.5,3.0" >
   </hologram>     
  </holograms>
 </scene3d> 
  </body>
</html>

Comments

Popular posts from this blog