{"id":6,"date":"2015-07-23T15:48:44","date_gmt":"2015-07-23T15:48:44","guid":{"rendered":"http:\/\/osiris.itabc.cnr.it\/scenebaker\/?p=6"},"modified":"2015-08-31T07:46:00","modified_gmt":"2015-08-31T07:46:00","slug":"a-new-webglhtml5-3d-front-end","status":"publish","type":"post","link":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/2015\/07\/23\/a-new-webglhtml5-3d-front-end\/","title":{"rendered":"A new WebGL\/HTML5 3D Front-End"},"content":{"rendered":"<p align=\"justify\">A flexible web component has been developed to publish multi-resolution 3D assets online and to explore them interactively on modern browsers. The Front-End (PHP + JavaScript) is based on <a href=\"http:\/\/osgjs.org\/\" target=\"_blank\">osgjs<\/a>, <a href=\"https:\/\/jquery.com\/\" target=\"_blank\">jQuery<\/a>, Gunzip and modern HTML5\/CSS capabilities. For those unfamiliar with the osgjs library, it&#8217;s the same javascript library used by <a href=\"https:\/\/sketchfab.com\/\" target=\"_blank\">SketchFab<\/a> platform. Such component is conceived to interact with complex and multi-resolution 3D scenes, large 3D terrain datasets and items on both desktop and mobile browsers, while maintaining high performance through state-of-the-art organization (scene-graphs), resource management and paging techniques.<\/p>\n<p><iframe loading=\"lazy\" style=\"height: 400px; margin: 0;\" src=\"http:\/\/seth.itabc.cnr.it\/services\/viewer.php?ml=ref.osgjs&amp;alpha\" width=\"100%\" height=\"150\" frameborder=\"0\"><\/iframe><\/p>\n<p>A quick glance at\u00a0current main features:<\/p>\n<ul>\n<li><strong>SceneGraph based<\/strong>: hierarchical <em>culling<\/em>, <em>instancing <\/em>for efficient streaming, ease of composition and organization for complex scenes, efficient handling of spatial transformations, multiple nodes loading and much more&#8230;<\/li>\n<li><strong>Multi-texturing<\/strong>, paged <strong>multi-resolution<\/strong>, geometry and texture <strong>compression<\/strong><\/li>\n<li>Support for several peripherals out-of-the-box: mouse, keyboard, gamepad, LeapMotion and others<\/li>\n<li><strong>Multi-Touch enabled<\/strong> on <em>desktop<\/em> browsers and <em>mobile<\/em> devices (tablets and smartphones)<\/li>\n<li>Easy <strong>embed<\/strong> in web pages<\/li>\n<li>Support for <strong>metadata presentation<\/strong> through server-side or cross-server (external) XML files<\/li>\n<li>Support for <strong>POV (Point-of-Views)<\/strong>: management of camera transitions and navigation states, permalinks for easy sharing (QR-codes, etc.)<\/li>\n<li>Support for <strong>Spherical Panoramas<\/strong> (equirectangular)<\/li>\n<li><strong>VR<\/strong> Support (experimental) for OculusRift 2<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A flexible web component has been developed to publish multi-resolution 3D assets online and to explore them interactively on modern browsers. The Front-End (PHP + JavaScript) is based on osgjs, jQuery, Gunzip and modern HTML5\/CSS capabilities. For those unfamiliar with the osgjs library, it&#8217;s the same javascript library used by SketchFab platform. Such component is &#8230; <a title=\"A new WebGL\/HTML5 3D Front-End\" class=\"read-more\" href=\"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/2015\/07\/23\/a-new-webglhtml5-3d-front-end\/\" aria-label=\"More on A new WebGL\/HTML5 3D Front-End\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":94,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[14,3,2],"_links":{"self":[{"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/posts\/6"}],"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=6"}],"version-history":[{"count":14,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/posts\/6\/revisions\/95"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/media\/94"}],"wp:attachment":[{"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/categories?post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/scenebaker\/index.php\/wp-json\/wp\/v2\/tags?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}