WebGL is one of the possible technologies for the web of the future where the internet will not be made only by static sites but also by interactive 3D applications . WebGL is a technology that is currently being promoted by Google and Mozilla and which extends the ability of Javascript to generate 3D graphics without any plugins. In this showcase, we see the best 30 experimental sites developed with WebGL that are all to click and see because, in many cases, spectacular !
To open these sites, the Google Chrome browser or the latest version of Firefox or Safari is required ; for the moment they are not visible with Internet Explorer.
Each of these sites, after opening them, is worth seeing them in full screen by pressing the F11 key on the keyboard.
READ ALSO: Best flash and HTML5 sites, the most beautiful, animated and interactive
1) Interactive videos
- 3 Dreams Of Black is a virtual world built from drawings and animations that intertwine in interactive 3D sequences.
- Acquarium is a real aquarium where an underwater environment is simulated. The demo offers 3D fish models with high quality textures, animations, pixel shaders and everything you need to make the image absolutely realistic. From the left menu, you can change the camera and increase the number of fish.
- Attractors Trip is an interactive demo where you can experience a trip in hyperspace in 3D. You can accelerate with the arrows on the keyboard up and down and change the rotation with left and right.
- Jellyfish is the jellyfish reproduced in a scientific and realistic way.
- Wobble Dance is a beautiful video where a face moves with a very disturbing music.
- Cirque De Soleil who dance and sing in an interactive video is a "Chrome Experiment" promoted by Google.
- The video for the film of the Great and Powerful Wizard of Oz was an interactive application in HTML5, in Italian, developed by Disney and Google.
2) Cars Three beautiful sites are dedicated to lovers of racing cars and Formula One Ferrari.
- In HelloRacer you can drive a Ferrari faithfully reproduced in 3D, using the arrows and follow its movement like in a video game.
- Another 3D site is also dedicated to cars: Material Cars where the models of the Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 and Chevrolet Camaro cars are reproduced and you can also choose the color.
- Third site is WebGL Cars where it is possible to drive two race cars viewed in 3D with different angles. One machine is driven with arrows, the other with WASD keys; pressing B puts the speed effect while with N you can set the Night view.
3) Creation
- Collectibles Printer is a web application where you can create a 3D human figure through a simple editor.
That's no doubt that WebGL can be used to develop web applications, and this 3D Figure Designer is going to make you smile with its fun components and smooth user experience.
In the end, you can share your creation with a link.
- Google Web Lab is a set of online experiments among which, the best is that of the orchestra where you can play an interactive sequencer. It is directly connected to the London Science Museum. There is also the Data Tracer to search for images in the world, Teleporter, to view webcams in other countries and Sketchbots to see your face drawn.
- Sketch is a blackboard where you can draw with the mouse; each design can be turned 360 degrees.
Other nice creation sites are in the article Creating abstract art and paintings and drawings on the internet
4) Online games in WebGL - Pacman with a subjective view FPS is gorgeous, it is the Pac Man game in 3D that even on the Playstation has never been released!
TankWorld is a shooter game with different maps to explore and different levels to play.
- Playmapscube is the game where you can roll a ball into a Google Maps cube that I mentioned a few months ago, in the article on games based on Google Maps, set in the real world.
5) Photo manipulation - Rutt-Etra-Izer is a web application where you can upload a photo and view it in 3D with a very particular effect. To save the image you can press the S key while on the right you can customize the display by moving the various parameters.
- WebGl Filter is a real interactive web photo editing application where you can upload a photo and move the various parameters to apply different effects and edit images.
5) Twitter
Ultranoir is a 3D animated video that integrates with Twitter.
You can specify a hashtag, perhaps the one most mentioned in Twitter today, is to read the various Tweets conducted by flying objects, planes, spaceships, all seasoned with romantic music and a relaxing atmosphere.
By moving the mouse and clicking, you can change the view.
6) Google Chrome Experiments is the Google WebGL experiments page including: - BookCase WebGL is a virtual bookstore where you can browse 10, 000 Google Books book covers.
You can also search by topic, open a 3D model and download books on your mobile phone with the QR code.
Unfortunately only books written in English are collected.
- Google Gravity is a nice way to search on Google, with the pieces of the page that fall to the ground.
Google Gravity is one of Google's best jokes.
- Ball Pool where you can play with balls.
- WordFlights allows you to see the routes of all the main planes, filtering them by company.
- StreetView StereoGraphic is a web application where, on one side there is Google Maps, on the other Google StreetView with the streets seen as if they were inside a crystal ball.
- Toki Toki is a clock made with website scrolling.
Finally, I remember that you can also activate the WebGL graphics on Google Maps.
