News

30 WebGL Experiments That Are Just Wow!

22 Feb/12

Behold, for a great tool with great promises is coming to your eyes. It is fast and smooth. It renders 3D, and with integration it animates, guess what it is? HTML5? CSS3? No, it’s called WebGL, a software library that extends the capability of the JavaScript to generate interactive 3D graphics, and yes, without any plugins!

webgl experiments 30 WebGL Experiments That Are Just Wow!

In this showcase, we don’t want to show you the regular things. We want to showcase to you 30 WebGL experiments that are carefully crafted by professional developers for you to witness the true might of the WebGL which are not only inspiring but also let you have a glimpse about how the future of the web might look like. Jump into the future after click!

More related posts:

HTML5 Website: 48 Potential Flash-Killing Demos HTML5 Website: 15 More Experiments Inspiring CSS3 Animation Demos

You are strongly recommended to view these demos using the latest version of Developer version of Google Chrome. Most demos support the latest version of Firefox, Google Chrome and Safari, though.

3 Dreams of Black

Authored by Google Data Arts Team, 3 Dreams of Black brings you into 3 dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Check out the wonders for wonderful experience!

3 dreams of black 30 WebGL Experiments That Are Just Wow!

Animated Volume Particles

This one is really artistic – animated animals constructed by 3D particles using float textures and frame buffer objects. More surprise if you move the mouse!

animated volume particles 30 WebGL Experiments That Are Just Wow!

Aquarium

Simulate an underwater environment? That’s not a problem for WebGL. The demo features 3D models with high quality textures, scene animation, pixel shader animation, reflections, refraction and caustics, just everything to put up the realistic underwater scene!

aquarium 30 WebGL Experiments That Are Just Wow!

Azathioprine

Probably the most epic WebGL demo, enough said. Hat tip to the author Jochen Wilhelmy.

azathioprine 30 WebGL Experiments That Are Just Wow!

Attractors Trip

If you wanna experience the 3D this is the best demo for you, also get meditated with the immense beauty of WebGL-generated graphics using Martin’s Hopalong formula.

attractors trip 30 WebGL Experiments That Are Just Wow!

Jellyfish

“Procedural modeling done with Side FX Houdini. Exported with a Python exporter into json format. Texture painted using Autodesk Mudbox. Animated with a vertex shader.”

jellyfish 30 WebGL Experiments That Are Just Wow!

Chrysaora

This is not a regular animation demo, but it features dynamically simulated skeletons, partial server-side simulation and synchronization with WebSocket, camera-facing particle system, volumetric light effect, and Vladimir Vukićević’s mjs matrix library. In short, an amazing experiment with complex works.

chrysaora 30 WebGL Experiments That Are Just Wow!

HelloRacer

Introducing the high-end interactive car simulation, brought to you exclusively by HelloEnjoy.

helloracer 30 WebGL Experiments That Are Just Wow!

Materials: Cars

Bugatti Veyron, Lamborghini Gallardo, Ferrari F50 and Chevrolet Camaro in your browser. Pick your ride and enjoy the view. Heck, you can even choose their colors.

materials cars 30 WebGL Experiments That Are Just Wow!

WebGL Cars

The future of the Need For Speed series will be in web browser. Too ambitious? Certainly not if you have visited these cars that are rendered with dynamic cube maps, shadow maps and postprocessing effects.

webgl cars 30 WebGL Experiments That Are Just Wow!

Lights

Completely lose yourself in the heaven of lights and music authored by Ellie Goulding. Just awesome.

lights 30 WebGL Experiments That Are Just Wow!

Collectibles Painter

That’s no doubt that WebGL can be used to develop web application, and this 3D figure designer is gonna make you smile with its fun components and smooth user experience.

collectibles painter 30 WebGL Experiments That Are Just Wow!

My Robot Nation

Well, if figure is not your favorite, then try to build cool and charming robot and show off to your friend! You can even spend your bucks to make it a real deal.

my robot nation 30 WebGL Experiments That Are Just Wow!

Pacmaze

How about a 3D Pac-Man game? The graphic & gameplay are nice, and most importantly it’s fun!

pacmaze 30 WebGL Experiments That Are Just Wow!

Red Shooting hood

Now here’s a cute one… or bloody one. This one is nothing but an interesting game to show you the capabilities of WebGL when it’s developed into the top down shooter game. Fun and amusing for sure.

red shooting hood 30 WebGL Experiments That Are Just Wow!

TankWorld

You guess it, an enjoyable tank shooter game with weapons to use and maps to explore, and in some levels you can even get a helicopter to explore the world! It’s truly more than just a regular game, and the graphic looks comfortable!

tankworld 30 WebGL Experiments That Are Just Wow!

Pulpo

Best example of how simple graphics and animation can impress people when they are done right.

pulpo 30 WebGL Experiments That Are Just Wow!

Surface

Check out the Surface, an elegant and inspiring experiment made by Paul Lewis. You can not only change the magnitude, elasticity, auto orbit, wireframe, and raindrops in the demo, but also drag-and-drop your own images into it to feel the effect differently.

surface 30 WebGL Experiments That Are Just Wow!

Photo Particles

Just drop your favorite image into this demo and enjoy watching it explode into a ton of particles and get interacted with some form of magnetism. The experiment is a combination of four technologies: HTML5′s Drag and Drop, File API, Canvas and WebGL.

photo particles 30 WebGL Experiments That Are Just Wow!

Rutt-Etra-Izer

Rutt-Etra-Izer is a WebGL emulation of the classic Rutt-Etra video synthesizer. The demo allows you to put your own images inside and manipulate them. With this stuff, a 2D image can even look like a 3D!

rutt etra izer 30 WebGL Experiments That Are Just Wow!

The Wobble Dance

A simple yet noteworthy demo that shows how liquid the WebGL can be, with anisotropic light shader and wobble vertex deformation.

the wobble dance 30 WebGL Experiments That Are Just Wow!

Ultranoir

Another great experiment showcasing the potential of the WebGL. Nouvelle Vague offers a poetic and interactive real-time 3D experience based on Twitter, and what you see will be tweets that are carried out with different flying objects. Certainly an artistic way to enjoy the tweets.

ultranoir 30 WebGL Experiments That Are Just Wow!

Undulating Monkey

“This time I just wanted to do a test to see how many vertex positions and normals I could update directly in JavaScript. Turns out 2,000 is just fine :) I also added in a bit of environment mapping. And weirdness. Always add weirdness.”

undulating monkey 30 WebGL Experiments That Are Just Wow!

Video FX

Impressive app done by Daniel Pettersson that allows you to apply multiple simultaneous postprocessing effects to a Happy Feet 2 trailer. Try and have fun!

video fx 30 WebGL Experiments That Are Just Wow!

Voxels Liquid

3D representation of the classic 2D water effect algorithm, also shows you how interactive WebGL is.

voxels liquid 30 WebGL Experiments That Are Just Wow!

WebGL Bookcase

Browse over 10,000 book covers with this WebGL Bookcase, developed by the Google Data Arts Team. You can also search by subject, open a 3D model of each by clicking it, and download books on your phone with the QR code.

webgl bookcase 30 WebGL Experiments That Are Just Wow!

WebGL Globe

A cool Google team’s experiment that actually makes you feel like you’re in the future with its beautiful, elegant and futuristic data visualization.

webgl globe 30 WebGL Experiments That Are Just Wow!

World Flights

Another visual-appealing data visualization app that visualizes major airlines flight routes, looks promising!

world flights 30 WebGL Experiments That Are Just Wow!

WebGL Image Filter

Graphic editor application with WebGL? It’s never impossible. Best of all, it’s fast and smooth!

webgl image filter 30 WebGL Experiments That Are Just Wow!

WebGL Water

“A pool of water rendered with reflection, refraction, caustics, and ambient occlusion. The pool is simulated with a heightfield and contains a sphere that can interact with the water’s surface.”

webgl water 30 WebGL Experiments That Are Just Wow!

Reflection

The biggest issue that WebGL faced, is perhaps its security. According to the Wikipedia, the United States Computer Emergency Readiness Team (US-CERT) issued the warning that WebGL contains multiple possible security issues which might lead to arbitrary code execution, denial of service and even cross-domain attacks. This means very, very much to the website’s owner.

However, the Khronos Group which includes Mozilla and Google has been suggesting possible solutions and future development approach to strengthen the security against the possible security threats. Hopefully the issues can be decreased and even be solved in the future, as the WebGL has so many possibilities as showcased by the talented and professional developers!

Let us know which experiment amazes you the most, and of course, show off to us if you got one!

Leggi Anche

Condividi
Condividi in DeliciousCondividi in DiggCondividi in RedditCondividi in StumbleCondividi in MixxCondividi in TecnoratiCondividi in Ok Notizie

Commenti

I commenti sono disabilitati per questo articolo.

I commenti sono chiusi.

Autore

Gestionale Immobiliare - Realizzazione Sito Web per Agenzia Immobiliare

Archivio

Iscrizione Newsletter

    Tieniti informato con tutte le novità del mondo informatico con la nostra newsletter
    Email:

    Nome:

    Auto Shop Italia
    Web Burning Blog
    Info Privacy

Meta