Check out my
new book!
HTML5 Games book
Worlds of WebGL Here's another thing I did while I was first playing around with WebGL, working on the musical solar system thing. Due to changes in the WebGL spec and the various implementations it got broken before I had a chance to put it online and it's just been sitting collecting dust ever since. I just tried fixing some of the issues and it seems to run ok now (let me know if it doesn't). It's a small experiment with a whole bunch of particles/planets forming larger shapes. Enjoy!

Link: Worlds of WebGL

Make sure you have a WebGL capable browser. Check out this page over at Learning WebGL if you need help getting one.

⇓ 14 comments Anonymous

Wow, very pretty!

March 18, 2010 at 2:37 PM

Crashes chromium continous build on my computer (windows xp), as does your older project...

March 18, 2010 at 11:32 PM
Jacob Seidelin

Oh, that's too bad.

March 18, 2010 at 11:37 PM


March 19, 2010 at 12:13 AM

Do you have a description for how you did this? Eg, are you using the GPU for co-ordinate transformation, or are you calculating the transitions in Javascript?

March 19, 2010 at 1:45 AM
Jacob Seidelin

@steve: Each particle has 4 sets of coordinates which are assigned at the beginning. One for each of the three shapes (sphere, khronos logo, webgl logo) and one random. The actual position used is an interpolation (done in the shader) of these based on time.

March 19, 2010 at 4:30 AM
Alex Goven

It works fine on Minefield, but Webkit doesn't animate the letters, nor the planets pulsating. I'm glad I finally got to see it in action though.

March 19, 2010 at 2:17 PM

A perfect example! Nice touch!

March 21, 2010 at 8:34 AM

"ERROR: 0:1: '' : Version number not supported by GL2" - got this on Minefield :(

March 29, 2010 at 8:03 AM
Elestirel Haber

thanks for the topic. ı want to share this article on my website. can may you let me to share. My website is . Thanks and goodluck

April 4, 2010 at 3:29 PM

Very nice demo!

@Alex, Nightly WebKit builds are pretty finnicky. Webkit-r53036 runs it fine.

May 3, 2010 at 11:33 PM
Chris Marrin

In the latest WebKit nightly, the demo is upside down! I'm not sure if this is due to changes in your demo, or because of bug fixes in WebKit.

May 6, 2010 at 6:58 AM
Bob Hazard

Works perfectly in the Chromium 6.0.424.0 nightly build in Ubuntu

Beautiful. Love the scratched floor and the reflection

June 3, 2010 at 7:58 PM

Brilliant !!

February 7, 2011 at 1:20 AM
Post a Comment