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

[Link to the course repo](https://github.com/alvarosabu/egghead-tres-3D-product-configurator)

Our goal is to create an application that allows the user to customize a 3D product with different color materials visually. The first step is setting up the starter to follow up during the course

In this first lesson, we will download the course repo ‣. The repo is a monorepo containing all the lessons available for this course. When you clone it you are going to find

Getting Started with the TresJS Product Course Repo

Share this video with your friends

Course

Create Interactive 3D Experiences with TresJS