Add 3D model to your website just like that | Three.js Tutorial
Three.js is a 3D JavaScript library that renders 3D content on a webpage. It aims to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library.
3D models have many file formats, such as glTF (Graphics Language Transmission Format), FBX (FilmBoX), and OBJ (or .OBJ). Among them, glTF is the most popular one.
glTF, usually referring to glTF 2.0, stores 3D model information in the JSON format. It is an open standard file format for 3D scenes and models that supports 3D model geometry, appearance, scene graph hierarchy, and animation. It has two file extensions, .gltf (JSON/ASCII file format) and .glb (binary file format).
Here we used .glb format since it is packed with all the textures and we don't need to add any additional textures but the problem here is it takes time to load the entire 3D model.
🔗 Resources
Three.js Docs: https://threejs.org/
OrbitControls: https://bit.ly/3eq6kAW
WebGL Docs: https://mzl.la/3TJZMNs
Consider Subscribing: https://bit.ly/32F4plT
Enroll Three.js Course here: https://bit.ly/3i6XcTi
Get the Source Code here: https://bit.ly/3XgOtyh
#3D #nodejs #threejs
Follow me on
Twitter: / santosh_arron
Instagram: / santosh_arron