WebGL (Short for Web Graphics Library) is a technology getting increasingly popular in web development. It allows for rendering interactive 2D and 3D graphics within most modern browsers and integrates with HTML, page components or other web standards. Advanced immersive & interactive application projects and ambitious gaming projects often use WebGL, the most common and widely known application being Google Maps.
That being said, some of the most inspiring and spectacular brand experiences emerge from using WebGL capabilities in more standard websites. Here is a list of some of the most recent WebGL reference websites to inspire designers, creative developers and brand managers. Applications include gamification, 2D or 3D modelization of structures, elements or products, storytelling, animated illustrations, motion graphics or randomized particule patterns, all in real-time 3D rendering within your browser.
It would be impossible for us to list all the WebGL sites that have impacted us as they are so numerous! -j-But one thing is for sure, whether it's to tell a story, present a product, engage users through a game or simply to enhance a site, the use of WebGL knows almost no limits and always guarantees a strong and memorable visual impact.
Enjoy and keep up the good work :)
Stunning compositions and textures creating a phenomenal immersive experience.
Voir le site web
A charming and soothing multiplayer technical experiment.
Voir le site web
Agency technical demo showcasing WebGL capabilities (cloth simulation, procedural generation of patterns, rigging, post-processing).
Voir le site web
An immersive experience driven by fluid animations on 2D and 3D assets compositions.
Voir le site web
The Lacoste polo configurator has been talked about for its multiple technical prowess: cloth simulation, transition, interactive texture customization, performance management…
Voir le site web
A simple yet well-executed vanilla 2D WebGL slider. Fluid, elegant, minimalist and flawless.
Voir le site web
In this immersive 3D gallery, WebGL is used as a navigation tool.
Voir le site web
Virtual art galleries are numerous online, this one is one of the most successful.
Voir le site web
What's more engaging than a game?
Voir le site web
This project makes you fly through a cloudy sky as you scroll the page. Probably the most effective navigation mechanism for storytelling.
Voir le site web
This site was made with Pixi.js, a 2D WebGL framework. This makes it an excellent example of how WebGL can be used to make 2D animations.
Voir le site web
This site uses WebGL to convey its message by telling a story.
Voir le site web
In a tribute to the artist Moebius, this experiment shows how well illustrations and 3D can go together.
Voir le site web
Here WebGL is used to highlight technological precision and complexity.
Voir le site web
WebGL is used here to convey a meaningful message to as many people as possible, in an impactful and engaging way.
Voir le site web
