cocos creator 用JS写一个 animation 一直循环动作
时间: 2023-03-19 14:23:20 浏览: 117
在Cocos Creator中使用JavaScript编写循环动画可以通过以下步骤实现:
1. 在场景编辑器中创建一个Sprite节点,并将其添加到场景中。
2. 将需要使用的图片资源拖拽到Sprite节点中,以创建SpriteFrame。
3. 在属性检查器中选择“Animation”标签,然后单击“Create”按钮创建一个新的动画。
4. 在新创建的动画编辑器中,单击“Add Property”按钮,选择“Sprite”属性,然后选择“SpriteFrame”。
5. 将需要循环播放的SpriteFrame添加到动画编辑器的“SpriteFrame”属性中。
6. 在动画编辑器的时间轴上选择“循环”选项,以使动画在播放完最后一帧后立即返回第一帧。
7. 在脚本中加载Sprite节点,并将其附加到场景中。
8. 在脚本中使用以下代码来播放动画:
```
// 获取Sprite组件
var sprite = node.getComponent(cc.Sprite);
// 获取动画组件
var animation = node.getComponent(cc.Animation);
// 播放动画
animation.play('animation_name');
// 设置循环播放
animation.wrapMode = cc.WrapMode.Loop;
```
其中,“animation_name”是在动画编辑器中设置的动画名称,而“cc.WrapMode.Loop”表示将动画循环播放。
通过以上步骤,就可以在Cocos Creator中使用JavaScript编写一个循环动画了。