Create a 3D Product Configurator using TresJS
Offered By: egghead.io
Course Description
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
Related Courses
Interactive Computer Graphics with WebGLUniversity of New Mexico via Coursera Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)
Udemy WebGL 2D/3D Programming and Graphics Rendering For The Web
Udemy Adobe Animate CC New Features
LinkedIn Learning Adobe Animate CC: HTML5 Canvas and WebGL
LinkedIn Learning