Shiny, Pretty and Post-processed TresJS Effects for Visuals
summary
Shows how to build declarative Vue 3D scenes with TresJS and add real-time postprocessing via Tres postprocessing using Three.js/WebGL primitives, EffectComposer and suspense. Demonstrates bloom by toggling emissive material + Unreal Bloom, plus effects like Kuahara watercolor, barrel blur, dot-screen, pixelation and scanline, with live camera movement. Notes version 2.4.0 shipped (15→18 effects) and argues postprocessing keeps the main render fast by applying costly filters to the final frame only.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 3:37TresJS basics
- 7:10Setting up post-processing
- 9:20Glowing effects with materials
- 10:47Native vs post-processing effects
- 11:53Showcasing TresJS effects
- 15:08Community contributions
- 16:57Q&A
related talks
19mTresJS Effects for Jaw-Dropping Visuals!
22mTresJS, a declarative way of creating 3D scenes from Vue components
32mHow to create 3D experiences using Vue with TresJS
26mThe Subtle Art of 3D Scrolly-telling and Product Customization using TresJS
51mCreate a 3D Low Poly Planet Scene with TresJS Solution LIVE
21mPlaying with Nuxt in 3D
41mGetting started with three js and WebGL
37mCreating 3D Experiences with React