Use Canvas, CSS, HTML and WebGL to accomplish 3D graphics on the web.

Wednesday, October 6th, 2010

3D Slides Built with HTML5, CSS3, and SVG

Category: 3D, CSS, HTML, Presentation

Over on my personal blog I talk about a 3D slide deck I’ve created that uses HTML5, CSS3, and a bit of SVG (video). The main idea behind this deck is to be able to ‘zoom’ into topics to as deep a level as necessary. Slides are nested, like an outline. For example, I gave Read the rest…

Posted by Brad Neuberg at 1:00 am

3.2 rating from 37 votes

Tuesday, September 14th, 2010

“Or so they say…” by Mr. Doob

Category: 3D, Canvas

Via Mr. Doob comes a cool canvas demo called “Or so they say…” he created. What’s interesting about this demo is it uses HTML5 Audio and Canvas, including Mr. Doob’s Three.js library and sequencer that he also used on The Wilderness Downtown project. Three.js is similar to Papervision3D in the Flash world, allowing you to Read the rest…

Posted by Brad Neuberg at 6:00 am
Comment here

3.3 rating from 31 votes

Monday, August 30th, 2010

Design 3D Models in a Browser

Category: 3D, Canvas

Perfect for a Monday is a cool 3D model editor built using the Canvas tag and created by Jayesh Salvi:

Posted by Brad Neuberg at 6:00 am
Comment here

2.7 rating from 21 votes

Monday, August 16th, 2010

Tricks From Our Flash Friends: 3D in a 2D Context

Category: 3D, Flash, Tutorial

If you’ve seen some of the cool work that folks like Mr. Doob or Gerard Ferrandez have done with HTML5/CSS3/SVG/etc., you’ve probably seen them emulating nifty 3D effects in the browser (move your mouse to pan the camera): The demo above, by Gerard, uses SVG plus various mathematical tricks to emulate 3D. Mr. Doob has Read the rest…

Posted by Brad Neuberg at 5:00 am

2.3 rating from 6 votes

Monday, September 21st, 2009

WebGL available in Firefox Nightly

Category: 3D, Firefox

We mentioned that WebGL had landed in WebKit source, when it joined Firefox. Vladimir Vuki?evi? of Mozilla has posted on how it shows up in a nightly instead of just source (which requires a compiler flag etc. This is incredibly exciting, as Jon Tirsen said: Your next 3D shooter will sport a nice “Your browser Read the rest…

Posted by Dion Almaer at 5:03 am

4.4 rating from 38 votes

Tuesday, September 15th, 2009

First sign of WebGL lands in WebKit

Category: 3D, Games

Jeffrey Rosen has taken a look at a preview of WebGL landing in the WebKit project. The demo above is an example of this work (here in HD): WebGL is basically an initiative to bring 3D graphics into web browsers natively, without having to download any plugins. This is achieved by adding a few things Read the rest…

Posted by Dion Almaer at 6:18 am

4.1 rating from 39 votes

Monday, April 27th, 2009

Google and Mozilla 3D Round-up

Category: 3D, Canvas, SVG

About a month ago, we covered an announcement about Mozilla’s plans to basically put OpenGL ES in the browser and call it Canvas 3D and to do so working with a new working group over at the OpenGL standards body, Khronos. This week, we covered Google’s own 3D announcement, a plug-in offering a high-level scene Read the rest…

Posted by Ben Galbraith at 7:00 am

3.7 rating from 35 votes