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

Save 40% on 3 months of Coursera Plus

Learn More → CodeSignal Ad

Introduction to Programming with Python

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
(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.