How is it built?

Questions
1

Hello,

I started learning three.js recently for a very specific reason, i just want to build a website like one of the examples from three.js

Honestly, i don’t even know what would some things are called to google for it, so can someone tell me what is used to move camera like it is on the given website? I also notice that camera and objects are moving with mouse.

There is also one interesting thing, “+” buttons that are on the objects, i think you can somehow copy the position of an object, but what would be the best way to create this kind of button with text? I watched multiple tutorials and now i feel lost, because it is way bigger than i thought, so if someone can give little bit of guidance, it will be really helpful to wrap things up.

I don’t even need full answer of how to do it, I just need roadmap kind of thing that gets me to the point where i will make it.

Thank you in advance and have an awesome day everyone!

2

This could be done by subscribing to the scroll event and updating camera every time it changes. As for the buttons I assume you can do it by also mapping window.scrollY and changing their position via CSS.

Feel free to ask if explanation is too shallow.

2 Likes
3

If you don’t know anything about Three.js, it’s always a good idea to start with the documentation.
It starts out with an “installation” section, followed by a “Creating a scene” section.
I propose to read those first, then ask specific questions about particular details you didn’t understand.

2 Likes
4

You’re not the first to ask how this website was built. I have to say, its minimalist design is quite pleasing.

1 Like