WebGL is no longer a technology that exclusively involves large projects 3D scenes, storytelling-based reports and complex special effects, it has been with us for a few years and its use has now been extended to secondary elements in composition and small effects filters (shaders) that cannot be copied with javascript or CSS outside the canvas.

There are libraries that make it easy to create a 3D scene directly in WebGL – as you know Three.js is the most used, but not the only. There are a good number of them frames, tools, game engines and libraries which you should also try.

You will find frames like WebVR Frame and Physical Based Render (PBR) engines, which create surprising scenes and very realistic materials in our browser.

WebGL is not just for 3D scenes and Pixi.js arrived to facilitate the creation and enrichment of visual effects, by applying shadows to 2D scenes and significantly improving the rendering of these effects. WebGL, in turn, has become the perfect environment for implementing artificial intelligence, for example in this article “How to use AI, AR, and WebGL shadows to help the visually impaired“You can read about an app that helps the visually impaired detect objects from their surroundings. The app uses VR headsets and uses a shadow,” Edge Detection, “to detect objects using computer vision algorithms. This is just one of hundreds of examples you’ll find, just like the famous Google AI Experiments. Of course, WebGL is also the foundation for APIs such as WebAudio, WebVR, and the upcoming WebXR.

30. WebGL experimental websites ☆ 彡

This is just a small selection of recent WebGL sites, but if you want to see a history of the best projects of recent years, go to our collection WEBGL or search using tag WebGL technologies. You can also explore tags Three.js or Pixi.js everyone shows great examples of using WebGL.


Please enter your comment!
Please enter your name here