How to handle GLTF file animation on click in REACT.JS?

swapnilpatil94 · June 9, 2020, 5:23am

I want to handle gltf animation on click. I want to handle using reactjs but I cant able to get code sample where you can load gltf file and handle animation on button click using animation mixer. Can I get any sample code?

Mugen87 · June 9, 2020, 8:59am

How about using the following example as a code template:

https://threejs.org/examples/webgl_animation_skinning_blending

The asset is an animated, it’s in the glTF format and you can control the animations over a UI.

swapnilpatil94 · June 9, 2020, 9:57am

Thanks for updating. Can you tell me how to do it in react.js? because I cant do it in react. May be due to wrong packages?

Mugen87 · June 9, 2020, 1:34pm

Sorry, I’m not familiar with React.

Topic		Replies	Views
Cant play animation from GLTFjsx GLTF file Questions animation , gltf , r3f	9	2270	October 14, 2023
How to use the animation that comes with the .gltf file that i downloaded in sketchfab Questions animation , gltf , sketchfab	6	9972	May 15, 2023
GLTF exported from Blender won't animate Questions blender , animation , gltf , animation-mixer	2	1495	February 21, 2022
Blender animation keyframes not included in JSX file Questions animation , keyframe , gltf , react-three-fiber , gltfjsx	8	595	August 30, 2023
Animating GLB files via R3F Questions animation , gltf , glb , react-three-fiber	2	2738	July 12, 2022

How to handle GLTF file animation on click in REACT.JS?

Related topics