CocosCreator帧动画事件监听

矫情吗；* 2022-04-02 05:15 1019阅读 0赞

在CocosCreator中的官方文档，已经有了相应的[帧动画事件监听文档][Link 1]，大家如果没看过的，可以先看官方文档，这里的内容相对来说比较全面和基础。

如果在官方文档看过还是有疑问的话，可以看接下来内容。

正式开始前，扯一点帧事件的工作类型归属问题：

在CocosCreator中，添加帧事件回调函数是属于美术同学的工作，但是也可能大多数美术不清楚如果添加帧事件，这时候你就可以愉快的装逼了，如果美术同学是个大美女的话，又可能会是一段美满姻缘不是么。

如果美术同学知道如果添加帧事件，你可以不去动画状态里再添加了，毕竟加帧动画的工作应该归属于美术的工作。但是，这个时候你更应该知道如何添加帧事件了，因为如果美术都知道如何添加帧事件，而你不应该知道如何在代码层面添加帧事件函数回调，那就丢脸丢大发了。

好了，我们现在开始添加帧事件：

我们看添加帧事件函数的界面

![20181225150051855.png][]

只有让我们添加这样一个方法名，但是没有说这个方法是属于哪个对象或者哪个脚本的。

所以这里接收回调函数的脚本就是当前动画所在的节点添加了脚本，而且是该节点的所有脚本都能监听到该事件，都能回调这方法。

比如：我这里添加的帧事件回调函数名是test：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70][]

这样就能调用到Test脚本里的test方法了。

cc.Class({
        extends: cc.Component,
    
        properties: {
            
        },
    
        start () {
    
        },
        
        test: function () {
            
        }
    
    });

当然，如果有该节点下还有Test1、Test2或者Test3脚本，且脚本里都有test方法，这样的情况是都能回调到的。

[Link 1]: https://docs.cocos.com/creator/1.9/manual/zh/animation/animation-event.html
[20181225150051855.png]: /images/20220402/765e5b622dc348f5a8770dcc7f3c752c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2NTQxMjU_size_16_color_FFFFFF_t_70]: /images/20220402/11c9039795b0472d808a2a2b49264f51.png