Awesome WebGL Experiments with Stunning JavaScript Applications

The evolution of web environment, JavaScript and modern browsers has brought a lot of awesomeness to the Internet. It enhances websites, web applications in a way that we couldn't have thought it's plausible few years ago. In this JavaScript list, JavaScriptBank.com have a list of JavaScript 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.

More JavaScript/web experiments you should not miss:
- Showcase of Awesome and Stunning Scrollable Websites
- Eight Stunning and Beautiful HTML5 and JavaScript Experiments
- Beautiful and Stunning CSS3 Animation Experiments
- Amazing Website with Awesome JavaScript and HTML5 effects
- 10 Super Good JavaScript Experiments on Google Chrome


Sampled by © JavaScriptBank.com

We recommend you to use Google Chrome to view the following JavaScript experiments.

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.

Cars Editor WebGL

Example of Vehicle Editor using webgl and osgjs

CityEngine Model Viewer

This JavaScript 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.

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

In this JavaScript 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.


Author

Phong Thai Phong Thai is a Web Developer, Web Coder for 20 years with PHP, JavaScript, CSS. He is the creator of JavaScriptBank.com - provide thousands of free JavaScript code examples, web development tips and tricks, helpful blogging guides.

Follow him on twitter@js_bank or connect with him on facebook@jsbank if you want. His websites for your knowledge: javascriptON.com, inOneSec.com, www.gomymobi.com

Language
Translate this page to English Translate this page to French Translate this page to Vietnamese

Recent articles
How to open a car sharing service
Vue developer as a vital part of every software team
Vue.js developers: hire them, use them and get ahead of the competition
3 Reasons Why Java is so Popular
Migrate to Angular: why and how you should do it
The Possible Working Methods of Python Ideology
JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece
Learning How to Make Use of New Marketing Trends
5 Important Elements of an E-commerce Website
How To Create A Successful Prototype For Your PCB


Top view articles
Top 10 Beautiful Christmas Countdown Timers
Adding JavaScript to WordPress Effectively with JavaScript Localization feature
65 Free JavaScript Photo Gallery Solutions
16 Free Code Syntax Highlighters by Javascript For Better Programming
Best Free Linux Web Programming Editors
Top 10 Best JavaScript eBooks that Beginners should Learn
Top 50 Most Addictive and Popular Facebook mini games
More 30 Excellent JavaScript/AJAX based Photo Galleries to Boost your Sites
Top 10 Free Web Chat box Plug-ins and Add-ons
The Ultimate JavaScript Tutorial in Web Design


Free JavaScript Tutorials & Articles
at www.JavaScriptBank.com