Inspirations

8 Stunning Javascript WebGL demonstrations

Written by Kevin Liew on 11 Apr 2011
70,015 Views • Shares
5 comments

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.
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

5 comments
Mr.doob 5 years ago
I'm afraid Visual Random is not using WebGL. It's using plain <canvas>.
Reply
David Trejo 5 years ago
Charles J. Cliffe 5 years ago
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 5 years ago
the cars one is insane!! couldnt believe it when i started driving, very cool
Reply
Javascript Countdown Timer 5 years ago
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