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.
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 )
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.
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
Post a Comment