Three.js Journey

Random stuff from Bruno Simon's course, ThreeJS Journey

06 — Animations

Animations in Three.js work like stop motion — each time an object moves, you render the changes. Take a look at a few ways you can animate a yellow box below:

1 / 7

A yellow box, black background, no animation.

Click Next or the section dropdown above to view different ways of animating the box.

07 — Cameras

A camera is, as you can imagine, what you use to see the scene in Three.js.

1 / 6

Three.js has several different cameras that create different visual representations of a scene.

Click Next to begin viewing and understanding a few of them.

28 — Shaders

Loading editor…

29 — Shader patterns

Loading editor…

If you liked this and would like to hear when new content is published, please subscribe below.

If you have any feedback, found bugs, or just want to reach out, feel free to DM me on Twitter or send me an email.

Subscribe to Newt Interactive

You'll only get emails when I publish new content. No spam, unsubscribe any time.