8 Stunning Javascript WebGL demonstrations

8 Stunning Javascript WebGL demonstrations


8 Stunning Javascript WebGL demonstrations

Introduction

Alright, latest release from Chrome Experiments. WebGL is an open-standard browser implementation of OpenGL, it uses hardware acceleration to allow complex, high frame rate 3D animation and games to be rendered using web browser. The coolest thing? WebGL is scripted with Javascript. The bad thing? It doesn't work across all platforms.

It's really impressiveMake sure you view these experiments with Chrome 9+, Firefox 4+ and Safari OSX 10.6+. Sorry, no IEs.

  • TankWorld Tankworld is a tank shooter, you can use a wide range of weapons to fight your opponents. In some levels you can find a helicopter the explore the world...
  • Clouds Realistic clouds made with javascript
  • HelloRacerâ„¢ WebGL High-End Interactive Car Simulation
  • WebGL Aquarium Immerse yourself in a beautiful aquarium full of fish, sharks and coral. This demo features 3D models with high-quality textures, scene animation, pixel shader animation, reflections, refraction and caustics.
  • Fractal Lab A WebGL app to interactively explore and render 3D fractals.
  • Chrysaora This experiment evolved from the previously submitted Jellyfish experiment.
  • Visual Random Multiple levels of random: where the voxel drops, the color of the voxel, the highest stack generated by the random drop. All of these things combined create an interesting perspective of what random actually looks like.
  • Sintel Goes Boom Playing with video texture plus some postprocessing. Featuring Sintel trailer.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

5 comments

Mr.doob
Wed, 13th April 2011
I'm afraid Visual Random is not using WebGL. It's using plain <canvas>. Reply
David Trejo
Wed, 13th April 2011
Charles J. Cliffe
Wed, 13th April 2011
Just a note that although the "Visual Random" is using Three.js it is *not* using their WebGL renderer -- it's plain Canvas2D. Reply
Josh Freeman
Wed, 13th April 2011
the cars one is insane!! couldnt believe it when i started driving, very cool Reply
Javascript Countdown Timer
Tue, 24th May 2011
very cool & amazing web experiments, thank you very much for sharing.

Can I <a href="http://www.javascriptbank.com/submit/">share these WebGL apps</a> on my JavaScript library?


Awaiting your response. Thank Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement