How to build a simple "Libre" 3D .glb / .gltf viewer?

Hi guys, how do you do? :slightly_smiling_face:

I modeled a .glb file of an airplane :small_airplane: , it’s attached to this message (demoi12.glb).
I would like to insert it inside a Three.JS glb/gltf viewer, such as this one:

https://threejs.org/examples/webgl_loader_gltf.html

But much simpler! :sweat_smile: (I mentioned this example because the interactive mechanic is similar to what I’m trying to do).

It would be great if the user decided to save the .html webpage (Save page as… —> Web Page, complete) and the .glb file would be saved along with the other files (.html, .css) and the page would work exactly the same way locally and offline for this person.
The idea is to help people understand how Three.js works by providing direct access to all files concerning the viewer.

I’m trying to achieve this goal with the example files from threejs.org website, but they are too complex for my level of understanding, I still can’t make them run locally by simply changing the address of the .gltf file for example.

Any hints are appreciated. :heart:

Thank you very much for your time.

Greetings,

Ortiz

demoi12.glb (3.9 MB)