Adding a 3D Model to a Website in 5 minutes (or less)
Follow me on:
Twitter: https://twitter.com/iced_coffee_dev
Github: https://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: https://github.com/simondevyoutube/ThreeJS_Tutorial_3DWebsite
Science & Technology
#simondev
#game development
#programming tutorial
#three js
#three js tutorial
#webgl
#webgl tutorial
#add 3d model to website