Creating animations in the editor, manipulating children in glb files, triggering children with GSAP scroll trigger

[Mugen87]

@Ana

Is there a way to create animations in the Three.js editor?

If you are referring to animations similar to GSAP then no. However, you can create for each node in your scene graph a script that transforms object in arbitrary ways (and thus animate objects).

@Ana

The meshes are numbered 0 through 6 and they’re named “Glyph 1” through “Glyph 7”. Where can I find the correct syntax to move each?

I suggest you create a script on the top-most glTF node and then query your glyph objects via Object3D.getObjectByName(). You should then be able to implement any object transformation you like.

@Ana

Is it possible to trigger the animation of children in a scene on scroll, specifically with GSAP scroll trigger? Or can you only trigger the animation of the entire scene?

I think this thread and the respective live example should help: Three.js + Gsap ScrollTrigger

But notice that it is not possible to include third-party scripts into the editor. If you need GSAP for animations, you have to copy the editor source into your project and implement a custom enhancement.