Getting Started with the TresJS Product Course Repo

Add a TresCanvas to Your Vue App

Add a Cube to Your TresJS 3D Scene

Transform TresJS Objects Using Props

Add Ambient and Directional Lighting to Your TresJS Scene

Enable Shadows in Your TresJS Scene

Animate TresJS Objects with the useRenderLoop Composable

Use OrbitControls to Interact with your TresJS Scene

Project Overview of the TresJS Product Template

Load Models with useGLTF and the TresJS primitive Component

Create a Reactive Color Selector in Vue with useState

Connect a TresJS Model with Vue State

Enhance Your TresJS Scenes with the @tresjs/cientos Package

Create Interactive 3D Experiences with TresJS

This TresJS lesson teaches you the basics of lighting 3D scenes. 

You'll learn how to:

- add ambient lights for overall lighting `<TresAmbientLight />`
- add directional lights for light from a specific direction `<TresDirectionalLight />`
- change light color and intensity using theprops. 

You will also see how materials, such as the `<TresMeshStandardMaterial>`, work with the lights in your scene.

Add Ambient and Directional Lighting to Your TresJS Scene

Share this video with your friends

Course

Create Interactive 3D Experiences with TresJS