Learn Courses Lessons Articles

⌘K

Loading lesson

learn by doing,
two minutes at a time.

LearnCourses Lessons Articles

Watch & listenPodcasts Talks

StoriesCase studies Success stories Campaigns Browse everything →

© 2013–2026 egghead.iothe egg does not crack 🥚

all systems sunny-side up↑ Back to top

Learn Courses Lessons Articles

⌘K

Add a Cube to Your TresJS 3D Scene | Create Interactive 3D Experiences with TresJS | egghead

Course

Create Interactive 3D Experiences with TresJS

13 lessons · 52m

1Getting Started with the TresJS Product Course Repo2:06
2Add a TresCanvas to Your Vue App2:08
Add a Cube to Your TresJS 3D Scene2:55
4Transform TresJS Objects Using Props4:00
5Add Ambient and Directional Lighting to Your TresJS Scene4:48
6Enable Shadows in Your TresJS Scene5:33
7Animate TresJS Objects with the useRenderLoop Composable6:36
8Use OrbitControls to Interact with your TresJS Scene1:42
9Project Overview of the TresJS Product Template2:46
10Load Models with useGLTF and the TresJS primitive Component7:10
11Create a Reactive Color Selector in Vue with useState5:15
12Connect a TresJS Model with Vue State2:58
13Enhance Your TresJS Scenes with the @tresjs/cientos Package4:14

Course lesson

Add a Cube to Your TresJS 3D Scene

Learn how to add a 3D cube to your TresJS scene using the TresMeshComponent, TresBoxGeometry, and TresMeshNormalMaterial components.

Duration: 3 min
Access: Included
Transcript: Available

Learn how to add a 3D cube to your TresJS scene using the TresMeshComponent, TresBoxGeometry, and TresMeshNormalMaterial components.

This lesson shows TresJS's declarative approach that makes 3D rendering simpler than using plain Three.js.

Access required

This lesson is available with an active egghead membership.

Sign in or subscribe

Course

Create Interactive 3D Experiences with TresJS

13 lessons · 52m

1Getting Started with the TresJS Product Course Repo2:06
2Add a TresCanvas to Your Vue App2:08
Add a Cube to Your TresJS 3D Scene2:55
4Transform TresJS Objects Using Props4:00
5Add Ambient and Directional Lighting to Your TresJS Scene4:48
6Enable Shadows in Your TresJS Scene5:33
7Animate TresJS Objects with the useRenderLoop Composable6:36
8Use OrbitControls to Interact with your TresJS Scene1:42
9Project Overview of the TresJS Product Template2:46
10Load Models with useGLTF and the TresJS primitive Component7:10
11Create a Reactive Color Selector in Vue with useState5:15
12Connect a TresJS Model with Vue State2:58
13Enhance Your TresJS Scenes with the @tresjs/cientos Package4:14

Course lesson

Add a Cube to Your TresJS 3D Scene

Learn how to add a 3D cube to your TresJS scene using the TresMeshComponent, TresBoxGeometry, and TresMeshNormalMaterial components.

How was this course?

Create Interactive 3D Experiences with TresJS · 13 lessons watched

Your rating

1234567

Not usefulExcellent

Anything else? Optional

Duration: 3 min
Access: Included
Transcript: Available