Submitted almost 4 years ago

Learning Three JS (3D)

Benja.min•740

@BenjaDotMin

A solution to the Clipboard landing page challenge

Preview Code

Solution retrospective

Hello there! I spent the weekend learning Three JS in order to get 3D models in to the browser.

I selected a project and put my own spin on it, by taking the flat images and converting them to 3D models, so the design preview will not match up fully.

As you can see, I am not a 3D artist, but I do find it fun!

You can drag to rotate the models, zoom in with the mouse wheel, or pan with ctrl+left mouse. I do have an issue where the canvas will "Hijack" the page scroll event, which is very annoying when scrolling down. So if anyone has a workaround for this, please let me know :)

Thank you!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Benja.min's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord