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

Go to class Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → CodeSignal Ad

2,000+ Free Courses with Certificates: Coding, AI, SQL, and More

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
(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

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.