Garden of Joy a virtual webGL garden. What is this? It is a simple webGL social experiment. It allows you to share ideas and passions with your friends on facebook by doing so you help build the garden. You can also view other flowers by using your arrow keys to move with the mouse and clicking on other flowers to view what other people enjoy. This experiment was built with threeJS, toxiclibs, and content from Katalabs. This is an alpha as in I am still testing it. I was originally thinking about creating a twitter virtual garden but became restless with the idea of doing another search driven twitter app. View the Garden Click Here Front End Code to view all of it just go to the application and view source It was a tremendous amount of fun to play around with all of the libraries they all work well together and I am anxious to use them in future projects.
To create the models I utilized blender specifically the Katalabs OurBricks model library. Take some time and vote for webGL to be demoed at SXSX! "3 Dreams of Black" by Google Data Arts Team. From the Author: “3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experience. This music experience also includes a 3D model creator that allows you to create your own relics and contribute to the shared collective dream. “3 Dreams of Black” is written and directed by Chris Milk, and developed with a few folks here at Google.
A Rotatable 3D Product Boxshot with Three.js | Demo | Elated.com. Make a Rotatable 3D Product Boxshot with Three.js. Home : Articles : Make a Rotatable 3D Product Boxshot with Three.js Tutorial by Matt Doyle | Level: Intermediate | Published on 12 August 2011 Categories: Learn how to use the Three.js JavaScript library to create a 3D rotatable product boxshot in the page. No Flash required! Works best with Chrome, Firefox, or any other WebGL-enabled browser To say that JavaScript has come a long way in recent years is a bit of an understatement. At the turn of the century we were using it mainly for validating forms and opening annoying pop-up windows.
One area where JavaScript has improved in leaps and bounds is 3D graphics. Building on top of these layers, some enterprising folks have started creating JavaScript libraries that make it easy for the average coder — that is, someone without a degree in computer graphics — to create realistic, animated 3D scenes, right in the browser. Once such library that is really starting to gain traction is Mr. doob's Three.js.
What Exactly Is Three.js? Ready? Renderer. A Rotatable 3D Product Boxshot with Three.js | Demo | Elated.com. Experiments tagged 3D. HTML5 Showcase - 360° "WebGL Bookcase" by Google Data Arts Team.