WebGL experiment 0.1

Please turn ON the volume

loading

WebGL experiment 0.1

Developer

CTNX ( LinkedIn )

Core technologies

WebGL rendering engine: Three.js

Scene base setup: Blender

Animation & Physics

Animations & Cinematic Setup: GSAP and Theatre.js

Physics engine: Cannon.js

Postprocessing

Effects: Antialiasing, Tonemapping, and Shockwave

Library: Postprocessing

3D Models

Various Models: Poly.pizza (Apologies for not recalling the individual creators—thank you!)

The Wizard: by Alaric.Baraou

The Soldier: Hyper3D

Shaders & Effects

Sky Shader: Three.js Shader Example

Volumetric Clouds: Three.js Volume Cloud Example

Grass: James-Smyth / three-grass-demo

Fire effect: Nathan Gordon / Fire and Haze

Learning Resources

Three.js and GLSL Shading: Thanks to Bruno Simon and his excellent course!

Special thanks goes to gotham.studio and to all the contributors, artists, and developers behind the tools and assets that made this project possible.

credits