Shulou(Shulou.com)06/02 Report--

This article shows you how to understand the animation support technology in Cocos Creator, which is concise and easy to understand, which will definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

Main highlights of Cocos Creator

The official authoritative description is: Cocos Creator is an integrated game development tool with content creation as the core, this engine is based on Cocos2d-x, component-based, scripted, data-driven, cross-platform release.

After using it for a period of time, I feel that this tool has not only realized the transfer of development language from C++ to Javascript (of course, Cocos Creator is developed from Cocos2d-js), its real highlight is that it has realized the transformation of comprehensive game development thinking. Both programmers and artists should be familiar with the overall process of using the tool and focus on how the two interact. I feel that at the beginning of the design, it is very important to describe the UI interface in the scene through tools such as mind mapping software, especially the binding relationship between UI rendering nodes and script components in the complex UI interface, and specifically enumerate the functions and functions of the main script components. Otherwise, for many UI nodes in complex scenarios, the corresponding script components are bound behind them, and how they interact with each other makes both developers and artists feel a lot of pressure.

As for the other highlights of Cocos Creator, I will gradually develop my own experience in the following articles. This paper mainly wants to summarize the animation support technology in Cocos2d-x based on my simple experience in the development of Cocos Creator C++.

Built-in animation support technology in Cocos Creator

The animation system of Cocos Creator is mainly about manipulating Animation components. It is embodied in:

Create its Animation components based on Sprite nodes in the scene and generate a possible set of animation clip files (* .anim)

Support for editing animation path curves, which is equivalent to the path animation support in FLASH

Edit sequence frame animation, can add animation effects for various attributes of various nodes (similar to attribute animation in FLASH-more flexible and powerful)

Edit the time curve to support all kinds of popular easing effects in the process of animation.

Add animation events to add callback functions to specific keyframes in the animation (such as playing sound effects, particle animation, or other animation effects when the animation is played to a specific point)

Use scripts to control animation, control the playback, pause, stop, loop, playback speed, and read all kinds of information of the animation

Bone animation

In the current version 1.8, Cocos Creator provides support for 2D skeletal animation as an image rendering component in the scene. It mainly provides simple animation control support for popular Spine bone animation and DragonBones bone animation.

In addition, Cocos Creator also provides support for animation files exported from earlier Cocos Studio 3.10 (earlier versions appear to be problematic). Of course, due to the technical differences between the two designs, compatibility is not fully supported.

According to my analysis, since Cocos Studio 3.10 already provides quite good support for bone animation, it is very likely that it will directly provide built-in support for bone animation in subsequent versions of Cocos Creator-students who are interested may wish to wait and see.

The above content is how to understand the animation support technology in Cocos Creator. Have you learned the knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.