Animation System

Cocos Creator has a built-in universal animation system for implementing keyframe-based animations. In addition to standard moving, rotation, scaling and frame animations, it also supports arbitrary component properties and user-defined property drivers, plus arbitrary time curves and innovative trajectory editing, allowing content producers to create detailed dynamic effects without writing a single line of code.

animation cover

Note: the Animation panel that comes with Cocos Creator is suitable for creating less complex animations that need to be linked with logic, such as UI animations. If you want to create complex effects, character animations, nested animations, etc., you can consider using Spine, DragonBones or skeletal animation editor for 3D models instead.


Animation components can drive node and component properties on their nodes and children in an animated manner, including properties in user-defined scripts. Based on this feature, various animation requirements can be implemented flexibly. The specific animation implementation varies depending on the animation requirements, the operation steps and code implementation, please refer to the official example animation, which mainly introduces some common editing operations and code examples for reference.