This is an example of a three.js scene that makes use of 2 glTF 3D models. The models are the same except that the green one was preanimated and the pink/purple one was animated manually in three.js.
The preanimated model was animated in Blender and exported with the animation data. The static model was animated by changing it's scale over time in three.js.
This example also makes use of the three.js FontLoader to add text in the space.
This example uses server hosted versions of the core Three.js, glTF
Loader, Orbit Control, and Font Loader scripts. Documentation these can be viewed at:
Loading 3D Models
Orbit Controls
Font Loader
To add models and textures you will need to add them to your site. In the
case of this example, I added the model to the assests folder, the scene
script to the "scripts" folder, and the add-on scripts (glTF loader and etc.)
to the "src" folder.