This is also one of the main challenges: how to blend visual effects and interactive elements together in one scene to create a consistent whole? This visual complexity was difficult to manage: making it difficult to tell what stage in development we were at any one time. Beyond this, getUserMedia API (WebRTC) for interactive experiences allowing the user to add their image directly from Webcam and WebAudio for 3D sound.īut the magic of a technological experience like this is how it comes together. The most prominent technologies are WebGL with Three.js, custom built shaders and DOM animated elements using CSS3 features. We use 3D and several layers of traditional filmmaking inspired effects that combine to create a near-realistic scene. A Peek Under the Hood #įind Your Way to Oz on desktop is a rich immersive world.
Please visit the site to check out the credits page under the menu section for the full story. Many people worked hard to make this experience possible: too many to be listed here. Along the way we extracted some focused tutorials of increasing difficulty. The job is a bit too big to capture in its whole in this piece so we’ve dived in and pulled out some chapters to the technology story that we think are interesting. Our goal was to combine the richness of cinema with the technical capabilities of the browser to create a fun, immersive experience that users can form a strong connection with. It allows you to take an interactive journey through a Kansas circus, which leads you to the land of Oz after you are swept up by a massive storm. “Find Your Way to Oz” is a new Google Chrome Experiment brought to the web by Disney.
Tutorial: HTML5 Photo Booth (iOS6/Android) Introduction #.Tutorial: Sprite Sheets and Retina support.
0 kommentar(er)
