TresJS Effects for Jaw-Dropping Visuals!
summary
Demo of TresJS postprocessing shows how to add bloom via emissive material and wire the suspense-wrapped EffectComposer into a TresCanvas, with a side‑by‑side comparison of threejs native bloom and po-andr vs three.js bloom results. Live demos include 13 new effects in v2.1 — bar blur, watercolor, dot‑screen, pixelation, scanlines — with controls for radius/offset/blend and notes about heavy effects lowering frame rates. Mentions USD loader possibilities, an open WebGPU PR, and practical performance and composition tips.
AI-written summary · about
chapters (11)
- 0:00TresJS and postprocessing intro
- 1:08What is 3D postprocessing
- 3:59Why postprocessing in TresJS
- 4:42Getting started with TresJS
- 6:48First 3D scene with TresJS
- 7:31TresJS postprocessing effects
- 9:42Poimandres effects in TresJS
- 11:09New effects in 2.1
- 11:50Favorite postprocessing effects
- 15:07TresJS future and call to action
- 16:32Q&A on USD files
related talks
21mShiny, Pretty and Post-processed TresJS Effects for Visuals
22mTresJS, a declarative way of creating 3D scenes from Vue components
32mHow to create 3D experiences using Vue with TresJS
24mWhat's hot on TresJS v4 🔥?
10mAI and Developer Tooling
26mThe Subtle Art of 3D Scrolly-telling and Product Customization using TresJS
01h 08mThe quest for the graphical web
41mGetting started with three js and WebGL