Animations
A basic example of how to animate a geometry using useRendererLoop composable
Array of cameras
An advance technique using ArrayCamera with a model animation
Basic Shaders
Demo of using shaders with TresJS
Brickelangelo David
Lego ThreeJS Journey challenge
Events
A basic example of how events work on TresJS
Galaxy Generator 🪐
Animated galaxy from ThreeJS Journey done with TresJS
Glass/Plastic Material
A realistic glass/plastic effect, play with it!
GLTF Model
How to add a Gltf Model to using GLTFModel component on TresJS
Haunted house
The classical threejs-journey haunted house, done with TresJs
Infinite Tube
How to create an infinite tube easy with Tresjs
Lights
How to use Directional Lights
Low Poly Planet
Low Poly Planet exported from Blender
Nuxt Stones
Nuxt Stone is a simple scene with a stone model and a Nuxt logo. The scene is rendered with baked lighting and post-processing effects.
Particle Pumpkin Shader
A animated 3d pumpkin that uses shaders, particles, and custom gltf model
Wizard's Potion Classroom
Potions classroom scene for VueJS Live London 2023
Product Landing Page
Transparent backdrop and model staging
ScrollControls
A basic example of how to use the ScrollControl with TresJS and cientos
Smoke demo
A basic example of how to use the smoke and precipitation component with TresJS and cientos
Halloween Spooky-saur 🎃
A basic example of how to animate a geometry using useRendererLoop composable
Synthwave landscape
Infinite procedural landscape
Text 3D
How to create a 3D text with TresJS
UseAnimations
How to use animations from a GLTF model with useAnimations abstraction for Animation Mixer