Animated Cat Head

3D modelled cat head using Blender, three.js and Tween.js to model, animate and display various expressions.

Blender CSS GLTF Javascript Three.js

3D cat head model created in blender following this tutorial , using morph target (shape key) animation, to display the various facial expressions for the cat.

The model was then exported to the glTF format and imported and loaded online using three.js and the glTFLoader. The website also uses Tween.js to smoothly transition between the various animations when the corresponding expression button is clicked.

DAT.GUI is used to display a menu with sliders for combining the morph targets to create more unique combinations and expressions for the cat.