Threejs Animation Research

threejsanim2
Screenshot of threejs animation official example

Technical Research and Implementation

  • Conducted in-depth research on the Threejs Animation system, leading to the development of user-controllable modules for real-time web browser interactions.
  • Enabled real-time modifications to the animation mixer, clips, and actions.
  • Investigated the feasibility of manually retargeting animations to different model skeletons.
  • Successfully adapted models by adjusting position, quaternion values of joints, and animation weights.
  • Implemented additive or blending animation effects, such as idle, walk, and jump sequences.
  • Developed features to export Threejs scenes to both static images and GIF captures.
  • Referenced Threejs documentation and examples to guide development processes:

Note: unfortunately, the real application images are confidential and cannot be shared.

clip tracks data array
Debugging 3D mode's animation keyframes in threejs

stickmanv3 copy
stats, lil-gui controls to test animation customization

threejs avatar
Debugging through mixamo rigged 3D blender models