SimonDev | Adding a 3D Model to a Website in 5 minutes (or less) @simondev758 | Uploaded July 2020 | Updated October 2024, 4 days ago.
Follow me on:
Twitter: twitter.com/iced_coffee_dev
Github: github.com/simondevyoutube
In this project we'll be using Three.js and embedding 3D models directly on a website. We'll step through the basics of adding a simple 3d model to a website, before moving on to integrating it more seamlessly, and reacting to things like scroll events. The point here is to give you a simple example of what's possible, so that you can use that as a starting point for a more complex project.
What we'll cover:
* Embedding a model on a website using three.js and gltf models.
* Constraining the 3d to elements on the page.
* Reacting to events and animating the scene.
Just treat this as a jumping off point for your own 3d projects, there's lots of ways you can go with this but it often helps to have a basic project you can build from.
Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.
Source: github.com/simondevyoutube/ThreeJS_Tutorial_3DWebsite
Follow me on:
Twitter: twitter.com/iced_coffee_dev
Github: github.com/simondevyoutube
In this project we'll be using Three.js and embedding 3D models directly on a website. We'll step through the basics of adding a simple 3d model to a website, before moving on to integrating it more seamlessly, and reacting to things like scroll events. The point here is to give you a simple example of what's possible, so that you can use that as a starting point for a more complex project.
What we'll cover:
* Embedding a model on a website using three.js and gltf models.
* Constraining the 3d to elements on the page.
* Reacting to events and animating the scene.
Just treat this as a jumping off point for your own 3d projects, there's lots of ways you can go with this but it often helps to have a basic project you can build from.
Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.
Source: github.com/simondevyoutube/ThreeJS_Tutorial_3DWebsite