Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Create a 3D Product Configurator using TresJS

via egghead.io

Overview

(placeholder) Our goal is to create an application that allows the user to customize a 3D product with different color materials visually.

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

Taught by

Alvaro Saburido

Reviews

Start your review of Create a 3D Product Configurator using TresJS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.