Create Interactive 3D Experiences with TresJS

Description

In this course, you will learn:

• How to Set up and integrate the library into your existing Vue apps
• Set up 3D scenes
• Manipulate 3D objects and lighting
• Animate objects using the "render loop"
• Outsource 3D models
• and tie the properties of your models to reactive state

Syllabus:

• 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