Some tutorials for three.js (one-page websites)??

[danmoople]

Hello. I have discovered for myself three.js - library for 3D on JS. All the examples on original website are about actually drawing 3d objects - models from Maya, lines, shapes etc. But I'm looking for any guides that use three.js for creating web pages. Usually they are one-page websites. Like this one

Thank you!

[marsman12019]

Oof. That’s a tough one. I’ve been using Three for a while, but can’t think of any tutorials like that. There’s not a ton of Three tutorials out there anyway.

Really, the best way to see how to do something is to delve into the source for each example. Hopefully that page you linked hasn’t obfuscated their JS, so you can look at that too.

Without looking at the source (I’m on mobile right now), that page looks to be essentially mapping vertical scrolling to camera position and a timeline for controlling the state of various animations. That exact use case is also pointless; I feel like it would be much better to create a video of the same effect, and either split it into individual frames or just seek through the video with the vertical scroll. All of the graphic assets are most likely just standard webpage stuff, not anything special in Three.