A summary of how to load and display 3D objects created in Blender using Threejs.

Things I want to do

This code loads and displays 3D objects created in Blender using Threejs.

I’ve written several related articles, so I’ll summarize them here. (Updated periodically)

To load and display it in Threejs, export it as a glTF file.

How to export as a single file (.glb)

How to export as a split file (.gltf) (.bin and texture files will be saved separately)

Blender allows you to export as a compressed glTF file, but Threejs also needs to support this.

.gltf files can also be read using the same method.

Solutions for when uploading to the web doesn’t work.