8 Incredible Javascript WebGL Experiments

Introduction

The evolution of Javascript has brought a lot of fanciness to the Internet. It enhances websites in a way that we couldn't have thought it's plausible few years ago. In this post, we have a list of experiments that used WebGL (Web-based Graphic Library) - another widely spread technology used in web development to generate interactive 3D graphic within any compatible browser. However, sad enough, most of our modern browsers can't really render it well and you will need a rather powerful computer to run it as well.

We recommend you to use Google Chrome to view the following experiments. Wihout further ado, we present you 8 Incredible Javascript WebGL Experiments.

• Cars Editor WebGL Example of Vehicle Editor using webgl and osgjs
• Cel Shader This demo uses GLSL to create a cel or "toon" shader, which allows 3D models to mimic the type of shading used in comic books.
• Metaball Playground This demo uses the Marching Cubes algorithm to create metaballs. You can also customize the material effects and geometry.
• WebGL Easing Robert Penner's easing equations have been around for a number of years and are widely used. In this experiment you can choose between a couple of meshes and even get 'extra crazy' if you like.
• WebGL Solar System This experiment is a N-body problem simulation. Using a simplified version of Barnes-Hut algorithm, we can compute the trajectories of thousands of massive bodies spinning around a larger one.
• CityEngine Model Viewer This is a quick pipeline test to show that Cityengine cities can be easily exported into Three.js model format. Okay, this one took me a while to load all the buildings, but once it's all loaded it's really cool to navigate around the 3d model city.
• RadioHead WebGL Rendering the House of Cards dataset in WebGL. This kinda spooky because of the human face and its bounces like your heartbeat.
• Skull WebGL Low poly normal mapped model exported from Blender, rendered in Three.js using Blinn-Phong shader with baked ambient occlusion texture, one directional and one point light. Realistic rendering of human skull with WebGL.

• TAGS:
• Animation
• Javascript
• WebGL