CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> » 2012 » September - x3dom.org</title> <link rel="stylesheet" href="https://www.x3dom.org/wp-content/themes/x3domnew/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="https://www.x3dom.org/wp-content/themes/x3domnew/css/bootstrapCosmo.css" type="text/css" media="screen" /> <link rel="pingback" href="https://www.x3dom.org/xmlrpc.php" /> <style type="text/css"> #fancybox-close{right:-15px;top:-15px} div#fancybox-content{border-color:#FFFFFF} div#fancybox-title{background-color:#FFFFFF} div#fancybox-outer{background-color:#FFFFFF} div#fancybox-title-inside{color:#333333} </style> <meta name='robots' content='max-image-preview:large' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.x3dom.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2.6"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){p.clearRect(0,0,i.width,i.height),p.fillText(e,0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(t,0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s("\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!s("\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!s("\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!s("\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.x3dom.org/wp-includes/css/dist/block-library/style.min.css?ver=6.2.6' type='text/css' media='all' /> <link rel='stylesheet' id='classic-theme-styles-css' href='https://www.x3dom.org/wp-includes/css/classic-themes.min.css?ver=6.2.6' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-columns.is-layout-flex){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='fancybox-css' href='https://www.x3dom.org/wp-content/plugins/fancybox-for-wordpress/fancybox/fancybox.css?ver=6.2.6' type='text/css' media='all' /> <link rel='stylesheet' id='wp-syntax-css-css' href='https://www.x3dom.org/wp-content/plugins/wp-syntax/css/wp-syntax.css?ver=1.1' type='text/css' media='all' /> <script type='text/javascript' src='https://www.x3dom.org/wp-includes/js/jquery/jquery.min.js?ver=3.6.4' id='jquery-core-js'></script> <script type='text/javascript' src='https://www.x3dom.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.0' id='jquery-migrate-js'></script> <script type='text/javascript' src='https://www.x3dom.org/wp-content/plugins/fancybox-for-wordpress/fancybox/jquery.fancybox.js?ver=1.3.8' id='fancybox-js'></script> <link rel="https://api.w.org/" href="https://www.x3dom.org/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.x3dom.org/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.x3dom.org/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 6.2.6" />  <script type="text/javascript"> jQuery(function(){ jQuery.fn.getTitle = function() { // Copy the title of every IMG tag and add it to its parent A so that fancybox can show titles var arr = jQuery("a.fancybox"); jQuery.each(arr, function() { var title = jQuery(this).children("img").attr("title"); jQuery(this).attr('title',title); }) } // Supported file extensions var thumbnails = jQuery("a:has(img)").not(".nolightbox").filter( function() { return /\.(jpe?g|png|gif|bmp)$/i.test(jQuery(this).attr('href')) }); thumbnails.addClass("fancybox").attr("rel","fancybox").getTitle(); jQuery("a.fancybox").fancybox({ 'cyclic': false, 'autoScale': true, 'padding': 10, 'opacity': true, 'speedIn': 500, 'speedOut': 500, 'changeSpeed': 300, 'overlayShow': true, 'overlayOpacity': "0.3", 'overlayColor': "#666666", 'titleShow': true, 'titlePosition': 'inside', 'enableEscapeButton': true, 'showCloseButton': true, 'showNavArrows': true, 'hideOnOverlayClick': true, 'hideOnContentClick': false, 'width': 560, 'height': 340, 'transitionIn': "fade", 'transitionOut': "fade", 'centerOnScroll': true }); }) </script>  <script type='text/javascript' src='https://x3dom.org/release/x3dom-full.js'></script> <link rel='stylesheet' type='text/css' href='https://x3dom.org/release/x3dom.css' /> </head>  <body> <a href="https://github.com/x3dom/x3dom"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://www.x3dom.org/wp-content/themes/x3domnew/fork_on_github.png" alt="Fork me on GitHub"></a> <div class="container page-header"> <div class="row"> <a href="https://www.x3dom.org/"><div class="col-md-3 col-xs-6 col-sm-4 col-xs-offset-1 col-sm-offset-0"> <img src="https://www.x3dom.org/wp-content/themes/x3domnew/x3dom_logo.png" style="width: 80%;"> </div></a> <div class="col-md-9 col-sm-10 col-xs-12"> <ul class="nav nav-pills" style="font-size: 1.2em;margin-top:15px;"> <li class="active"><a href="https://www.x3dom.org/news/">News & User's Apps</a></li> <li ><a href="https://www.x3dom.org/nodes/">Get it</a></li> <li ><a href="https://www.x3dom.org/examples/">See it</a></li>  <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="http://doc.x3dom.org/index.html"> Documentation <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="http://doc.x3dom.org/gettingStarted/index.html">Getting Started</a></li> <li><a href="http://doc.x3dom.org/tutorials/index.html">Tutorials</a></li> <li><a href="http://doc.x3dom.org/author/index.html">Scene Author API</a></li> <li><a href="http://doc.x3dom.org/developer/index.html">Developer API</a></li> </ul> </li> <li ><a href="https://www.x3dom.org/story/3">Get involved</a></li> <li ><a href="?page_id=9">Browser Support</a></li> <li ><a href="?page_id=158">Profile</a></li> </ul> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-8"> <div> <h2><a href="https://www.x3dom.org/german-national-summer-school-on-developing-vr-ar-apps/" style="text-decoration: none;color:#222222">German National Summer School on “Developing VR & AR Apps”</a></h2> <p> <span class="glyphicon glyphicon-time"></span> 12.09.2012 <span class="label label-primary">Uncategorized</span> </p> <div style="font-size: 15px;"> <p>Last week (3-7 September 2012) a training activity of the EU-funded project <a href="http://www.v-must.net/" target="_blank">V-Must</a> took place in Schmitten, Germany, near the famous Roman Saalburg. The picture below shows the participants in front of the building.</p> <p>In this <a href="http://www.v-must.net/activities" target="_blank">V-Must Virtual Heritage school</a> international students, professionals, and young researchers learnt about the new field of Web deployment of VR and AR Applications (“VR/AR Apps”) and related topics on applied CG technologies in the area of virtual and augmented digital heritge. Topics included 3D reconstruction, 3D documentation, and presentation layers. Here, the X3DOM framework as well as the mobile AR system developed at Fraunhofer IGD were introduced as technological tools for processing and integration into Web front-ends, while likewise registering the 3D-scanned objects with the physical world.</p> <p><a href="http://www.x3dom.org/wp-content/uploads/2012/09/GNSS2012-330.jpg"><img decoding="async" class="aligncenter size-medium wp-image-3084" title="Saalburg" src="http://www.x3dom.org/wp-content/uploads/2012/09/GNSS2012-330-400x294.jpg" alt="" width="400" height="294" srcset="https://www.x3dom.org/wp-content/uploads/2012/09/GNSS2012-330-400x294.jpg 400w, https://www.x3dom.org/wp-content/uploads/2012/09/GNSS2012-330.jpg 600w" sizes="(max-width: 400px) 100vw, 400px" /></a></p> </div> <hr> </div> <div> <h2><a href="https://www.x3dom.org/x3dom-used-in-primary-school-project/" style="text-decoration: none;color:#222222">X3DOM used in primary school project</a></h2> <p> <span class="glyphicon glyphicon-time"></span> 06.09.2012 <span class="label label-primary">Uncategorized</span> </p> <div style="font-size: 15px;"> <p>The video shown below was produced at Ernani Silva Bruno Primary School, in S茫o Paulo, August, 2012. It shows two moments of an after school interactive media literacy project that has been carried out under the supervision of Jorge Franco.</p> <p>The project鈥檚 goal is to stimulate students from the 4th grade level enhancing technical and cognitive skills as well as learning and applying science concepts from the curriculum through using digital media. Among other activities, the students have been editing X3DOM files. Through that it is expected they learn basics of computer graphics, develop spatial thinking and math skills related to coordinate systems and how to place virtual objects, and enhance reading and writing abilities which are experienced while they are programming and commenting X3D and HTML code.</p> <p><iframe loading="lazy" src="http://www.youtube.com/embed/75w14n6Wm-w" frameborder="0" width="420" height="315"></iframe></p> </div> <hr> </div> <div> <h2><a href="https://www.x3dom.org/x3dom-mouse-events-further-improved/" style="text-decoration: none;color:#222222">X3DOM mouse events further improved</a></h2> <p> <span class="glyphicon glyphicon-time"></span> 02.09.2012 <span class="label label-primary">Code</span> <span class="label label-primary">Technical</span> </p> <div style="font-size: 15px;"> <p>We have further improved picking to cope with several problems that came along with the original approach (which was mentioned in a <a href="http://www.x3dom.org/?p=586" target="_blank">very old post</a>). Therefore, picking now supports 64k different objects, a higher precision pick position and the normal at the picked position (both in world space) for all mouse events.</p> <p>We still use a single-pass render-buffer-based approach, but instead of rendering the normalized world position into an FBO’s 8-bit RGB channel and the (internal) Shape ID into the (also 8-bit) alpha channel, we now render just the distance of the picked object position to the camera position into the RG channel (encoded as 16-bit value in the shader) and the Shape ID into the texture’s BA channel (also encoded as 16-bit).</p> <p>Having the distance <em>d</em> between both positions provides enough information to calculate the full 3D position, since the x and y components (along with z later on) can be obtained by computing the view ray through the聽the picked pixel position (x,y).</p> <pre>var line = viewarea.calcViewRay(x, y); var pickPos = line.pos.add(line.dir.multiply(d));</pre> <p>And instead of just reading back a single (8-bit) RGBA value at the picked pixel position (x,y), we now read back a small 2×2 window, so that we can also directly compute the object’s normal by taking the cross product of the (decoded) world space position above (x,y-1) and to the right (x+1,y).</p> <p>This way, the corresponding UI Event object now not only provides the picked world position (worldX, worldY, and worldZ), but also normalX, normalY, and normalZ.</p> </div> <hr> </div> <div> <h2><a href="https://www.x3dom.org/webgl-and-x3dom-most-common-platforms-in-3d-web-research-2/" style="text-decoration: none;color:#222222">WebGL and X3DOM most common platforms in 3D Web research</a></h2> <p> <span class="glyphicon glyphicon-time"></span> <span class="label label-primary">Uncategorized</span> </p> <div style="font-size: 15px;"> <p>This year’s <a href="http://web3d2012.org" target="_blank">Web3D conference</a>, which was held in cooperation with ACM Siggraph,聽has shown that the most common development platforms in 3D Web research are of course WebGL and – most interestingly 馃檪 – X3DOM. Please check out the whole technical聽<a href="http://web3d2012.org/program.html" target="_blank">program</a> if you like to learn more. A few impressions showing the conference’s opening session (top photo) as well as a panel session (bottom) can be seen below.</p> <div id="attachment_3017" style="width: 410px" class="wp-caption aligncenter"><a href="http://web3d2012.org/committee.html"><img aria-describedby="caption-attachment-3017" decoding="async" loading="lazy" class="size-medium wp-image-3017" title="intro" src="http://www.x3dom.org/wp-content/uploads/2012/09/intro1-400x250.jpg" alt="The Web3D 2012 organizing team" width="400" height="250" srcset="https://www.x3dom.org/wp-content/uploads/2012/09/intro1-400x250.jpg 400w, https://www.x3dom.org/wp-content/uploads/2012/09/intro1.jpg 520w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-3017" class="wp-caption-text">The Web3D 2012 conference’s organizing team. From left to right: general chair Christophe Mouton (EDF, France), program chair (and X3DOM core developer) Yvonne Jung (Fraunhofer IGD, Germany), general chair Jorge Posada (Vicomtech, Spain), and program chair Marcio Cabral (University of Sao Paulo, Brazil).</p></div> <div id="attachment_3018" style="width: 410px" class="wp-caption aligncenter"><a href="http://web3d2012.org/program.html"><img aria-describedby="caption-attachment-3018" decoding="async" loading="lazy" class="size-medium wp-image-3018" title="panel" src="http://www.x3dom.org/wp-content/uploads/2012/09/panel1-400x250.jpg" alt="Panel Session" width="400" height="250" srcset="https://www.x3dom.org/wp-content/uploads/2012/09/panel1-400x250.jpg 400w, https://www.x3dom.org/wp-content/uploads/2012/09/panel1.jpg 520w" sizes="(max-width: 400px) 100vw, 400px" /></a><p id="caption-attachment-3018" class="wp-caption-text">Panel Session: 3D and the Web. Sitting in front, from left to right: Don Brutzman (NPS), Samuel Parfouru (EDF), Neil Trevett (Khronos Group and NVidia), Kenneth Russell (Google and WebGL Working Group Chair), Marius Preda (MPEG ARAF), Johannes Behr (Fraunhofer IGD), and Alain Chesnais (TrendSpottr and former President ACM), who chaired the panel).</p></div> </div> <hr> </div> <p align="center"> | </p>  </div> <div class="col-lg-4">  <div class="well"> <h4>News Search</h4> <div class="input-group"> <form method="get" id="searchform" action="/index.php"> <span class="input-group-btn"> <input type="text" class="form-control" name="s" id="s" /> <button class="btn btn-default" type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </form> </div>  </div> <div class="well"> <h4>Categories</h4> <ul> <li class="cat-item cat-item-5"><a href="https://www.x3dom.org/category/code/">Code</a> </li> <li class="cat-item cat-item-38"><a href="https://www.x3dom.org/category/event-announcement/">Event Announcement</a> </li> <li class="cat-item cat-item-7"><a href="https://www.x3dom.org/category/release/">Release</a> </li> <li class="cat-item cat-item-3"><a href="https://www.x3dom.org/category/showcase/">Showcase</a> </li> <li class="cat-item cat-item-4"><a href="https://www.x3dom.org/category/technical/">Technical</a> </li> </ul> </div> <div class="well"> <h4>Archive</h4> <ul> <li><a href='https://www.x3dom.org/2023/08/'>August 2023</a></li> <li><a href='https://www.x3dom.org/2021/06/'>June 2021</a></li> <li><a href='https://www.x3dom.org/2019/09/'>September 2019</a></li> <li><a href='https://www.x3dom.org/2019/07/'>July 2019</a></li> <li><a href='https://www.x3dom.org/2018/06/'>June 2018</a></li> <li><a href='https://www.x3dom.org/2018/03/'>March 2018</a></li> <li><a href='https://www.x3dom.org/2017/04/'>April 2017</a></li> <li><a href='https://www.x3dom.org/2017/03/'>March 2017</a></li> <li><a href='https://www.x3dom.org/2016/12/'>December 2016</a></li> <li><a href='https://www.x3dom.org/2016/08/'>August 2016</a></li> <li><a href='https://www.x3dom.org/2016/07/'>July 2016</a></li> <li><a href='https://www.x3dom.org/2016/06/'>June 2016</a></li> <li><a href='https://www.x3dom.org/2015/12/'>December 2015</a></li> <li><a href='https://www.x3dom.org/2015/11/'>November 2015</a></li> <li><a href='https://www.x3dom.org/2015/10/'>October 2015</a></li> <li><a href='https://www.x3dom.org/2015/09/'>September 2015</a></li> <li><a href='https://www.x3dom.org/2015/08/'>August 2015</a></li> <li><a href='https://www.x3dom.org/2015/07/'>July 2015</a></li> <li><a href='https://www.x3dom.org/2015/06/'>June 2015</a></li> <li><a href='https://www.x3dom.org/2015/04/'>April 2015</a></li> <li><a href='https://www.x3dom.org/2015/03/'>March 2015</a></li> <li><a href='https://www.x3dom.org/2015/02/'>February 2015</a></li> <li><a href='https://www.x3dom.org/2015/01/'>January 2015</a></li> <li><a href='https://www.x3dom.org/2014/12/'>December 2014</a></li> <li><a href='https://www.x3dom.org/2014/11/'>November 2014</a></li> <li><a href='https://www.x3dom.org/2014/10/'>October 2014</a></li> <li><a href='https://www.x3dom.org/2014/09/'>September 2014</a></li> <li><a href='https://www.x3dom.org/2014/07/'>July 2014</a></li> <li><a href='https://www.x3dom.org/2014/06/'>June 2014</a></li> <li><a href='https://www.x3dom.org/2014/05/'>May 2014</a></li> <li><a href='https://www.x3dom.org/2014/04/'>April 2014</a></li> <li><a href='https://www.x3dom.org/2014/03/'>March 2014</a></li> <li><a href='https://www.x3dom.org/2014/02/'>February 2014</a></li> <li><a href='https://www.x3dom.org/2014/01/'>January 2014</a></li> <li><a href='https://www.x3dom.org/2013/12/'>December 2013</a></li> <li><a href='https://www.x3dom.org/2013/10/'>October 2013</a></li> <li><a href='https://www.x3dom.org/2013/09/'>September 2013</a></li> <li><a href='https://www.x3dom.org/2013/07/'>July 2013</a></li> <li><a href='https://www.x3dom.org/2013/06/'>June 2013</a></li> <li><a href='https://www.x3dom.org/2013/05/'>May 2013</a></li> <li><a href='https://www.x3dom.org/2013/04/'>April 2013</a></li> <li><a href='https://www.x3dom.org/2013/03/'>March 2013</a></li> <li><a href='https://www.x3dom.org/2013/02/'>February 2013</a></li> <li><a href='https://www.x3dom.org/2013/01/'>January 2013</a></li> <li><a href='https://www.x3dom.org/2012/12/'>December 2012</a></li> <li><a href='https://www.x3dom.org/2012/11/'>November 2012</a></li> <li><a href='https://www.x3dom.org/2012/10/'>October 2012</a></li> <li><a href='https://www.x3dom.org/2012/09/' aria-current="page">September 2012</a></li> <li><a href='https://www.x3dom.org/2012/08/'>August 2012</a></li> <li><a href='https://www.x3dom.org/2012/07/'>July 2012</a></li> <li><a href='https://www.x3dom.org/2012/05/'>May 2012</a></li> <li><a href='https://www.x3dom.org/2012/03/'>March 2012</a></li> <li><a href='https://www.x3dom.org/2012/02/'>February 2012</a></li> <li><a href='https://www.x3dom.org/2012/01/'>January 2012</a></li> <li><a href='https://www.x3dom.org/2011/12/'>December 2011</a></li> <li><a href='https://www.x3dom.org/2011/11/'>November 2011</a></li> <li><a href='https://www.x3dom.org/2011/10/'>October 2011</a></li> <li><a href='https://www.x3dom.org/2011/09/'>September 2011</a></li> <li><a href='https://www.x3dom.org/2011/08/'>August 2011</a></li> <li><a href='https://www.x3dom.org/2011/07/'>July 2011</a></li> <li><a href='https://www.x3dom.org/2011/06/'>June 2011</a></li> <li><a href='https://www.x3dom.org/2011/05/'>May 2011</a></li> <li><a href='https://www.x3dom.org/2011/04/'>April 2011</a></li> <li><a href='https://www.x3dom.org/2011/03/'>March 2011</a></li> <li><a href='https://www.x3dom.org/2011/02/'>February 2011</a></li> <li><a href='https://www.x3dom.org/2011/01/'>January 2011</a></li> <li><a href='https://www.x3dom.org/2010/12/'>December 2010</a></li> <li><a href='https://www.x3dom.org/2010/11/'>November 2010</a></li> <li><a href='https://www.x3dom.org/2010/10/'>October 2010</a></li> <li><a href='https://www.x3dom.org/2010/09/'>September 2010</a></li> <li><a href='https://www.x3dom.org/2010/08/'>August 2010</a></li> <li><a href='https://www.x3dom.org/2010/07/'>July 2010</a></li> <li><a href='https://www.x3dom.org/2010/06/'>June 2010</a></li> <li><a href='https://www.x3dom.org/2010/05/'>May 2010</a></li> <li><a href='https://www.x3dom.org/2010/03/'>March 2010</a></li> <li><a href='https://www.x3dom.org/2010/01/'>January 2010</a></li> <li><a href='https://www.x3dom.org/2009/12/'>December 2009</a></li> <li><a href='https://www.x3dom.org/2009/11/'>November 2009</a></li> <li><a href='https://www.x3dom.org/2009/10/'>October 2009</a></li> </ul> </div>  </div> </div> </div>   <div class="container"> <footer> <p class="pull-right"><a href="#">Back to top</a></p> <p> <a href="http://www.x3dom.org/wp-content/themes/x3dom/images/logo_IGD.png"><img class="" src="https://www.x3dom.org/wp-content/themes/x3domnew/logo_IGD.png" alt="Fraunhofer IGD"></a>    <a href="http://www.w3.org/community/declarative3d/"><img class="" src="https://www.x3dom.org/wp-content/themes/x3domnew/w3c_banner.jpg" alt="Founding member of the W3C Community Group Declarative 3D"></a> </p> <p>© by Fraunhofer-Gesellschaft · <a href="?page_id=3524">Legals</a></p> </footer> </div>     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>