
Design comparison
SolutionDesign
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!
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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