This is a bit more technical post about customizing the main PHP component, responsible for main HTML5\/js Front-End\u00a0presentation and deployment on multiple devices. Here is a brief list of features and capabilities offered so far as GET arguments, useful for permalinks and\/or embed in external pages.<\/p>\n
“ml”<\/strong>: define nodes (3D assets) to be loaded from the online collection.\u00a0For instance:<\/p>\n Multiple<\/em> nodes can be grouped by “;”<\/strong> – Examples:<\/p>\n “pano”<\/strong>: loads a panoramic (equirectangular) image and attach to\u00a0on-the-fly spherical geometry. Examples:<\/p>\n Notice you can have\u00a0three different\u00a0scenarios for interactive exploration:<\/p>\n “alpha”<\/strong>:\u00a0enables a transparent background. This is useful when embedding the component in external web pages for styling purposes.\u00a0Here is a demo with “ref.osgjs”<\/em>:\u00a0viewer.php?ml=ref.osgjs&alpha<\/a>\u00a0– Notice how the background is now white. Try embedding it in another web page with its own background to see the blending.<\/p>\n “pov”<\/strong>: tells the Front-End to load a starting POV<\/em> (Point-of-View) by using smooth camera transition. The POV string is composed by 6 values encapsulating eye (x, y, z) and target (tx, ty, tz) positions. Examples:<\/p>\n The Front-End of course provides shortcuts to provide user with current POV, thus allowing to share the current 3D scene and<\/strong> a specific camera position<\/p>\n","protected":false},"excerpt":{"rendered":" This is a bit more technical post about customizing the main PHP component, responsible for main HTML5\/js Front-End\u00a0presentation and deployment on multiple devices. Here is a brief list of features and capabilities offered so far as GET arguments, useful for permalinks and\/or embed in external pages. “ml”: define nodes (3D assets) to be loaded from … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":82,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,4],"tags":[14,8],"_links":{"self":[{"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/posts\/37"}],"collection":[{"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":23,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/posts\/37\/revisions\/78"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/media\/82"}],"wp:attachment":[{"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
ml=ref.osgjs<\/code>
\nwill load the single node “ref.osgjs”<\/em>\u00a0(basic coordinate system) – see here a live demo<\/a><\/li>\nml=mytest\/mymodel.osgjs<\/code>
\nwill load the node “mymodel.osgjs”<\/em> inside the subfolder “mytest”<\/em><\/li>\n<\/ul>\n\n
ml=mytest\/modelA.osgjs;mytest\/modelB.osgjs<\/code>
\nwill load both modelA<\/em> and modelB<\/em><\/li>\nml=mytest\/<\/code>
\nis a\u00a0shorthand to load an entire folder and it will load all nodes contained in “mytest”<\/em> sub-folder. Note the “\/”<\/strong> at the end<\/li>\n<\/ul>\n
\n\n
pano=mypano.jpg<\/code>
\nwill load the equirectangular image “mypano.jpg” and attach to special sphere geometry – live demo<\/a><\/li>\n<\/ul>\n\n
\n
\n\n
pov=-1.674 -2.996 1.159 -1.733 2.900 0.121<\/code>
\nwill first load assets (a panoramic image and\/or 3D models)\u00a0and then load the\u00a0POV – live demo<\/a><\/li>\n<\/ul>\n