Make it Blend: Bringing VFX Techniques into the Browser
summary
Gallery of concrete techniques and outcomes: projects put animated WebGL models into 360 photographic plates (Fantastic Beasts, a Lego Batman messenger game) by projection mapping, baking complex lighting into textures to avoid real-time GI, and using multipass renders plus LUTs and depth fog to match focus and color. Tools and pipelines include three.js (heavily modified), V-Ray baking and Sketchfab previews, and matte-cap/spherical lighting plus equirectangular light probes. Teams and budgets are substantial (examples mention six animators, ~200k 360 budget) and the approaches prove practical.
AI-written summary · about
chapters (10)
- 0:00Introduction to creative work
- 1:14VFX philosophy for WebGL
- 2:51Compositing workflow
- 5:30Projection mapping techniques
- 8:41Matching light to scenes
- 14:44Baking lights and textures
- 20:58Matching focus and depth
- 22:42Advanced coloring with LUTs
- 25:34Refining with post-layers
- 28:51Q&A and pipeline advice
related talks
17mBuilding Immersive Experiences on the Web
38mMy journey with WebGL
37mCreating 3D Experiences with React
21mPhotorealistic Real Time Computer Graphics with Javascript
41mWebGL Is Easier Than You Think (feat. three.js)
34mWebGL Practical Application
45mThe visual web of today and tomorrow - WebGL and WebVR.
37mThe next frontier WebGL and WebVR