cocos2d-js 人物行走
时间: 2023-12-31 18:04:41 浏览: 79
cocos2d人物行走发大招
好的,cocos2d-js 中实现人物行走可以使用动画和精灵的组合来完成。下面是一个简单的示例:
1. 创建人物精灵:使用 cc.Sprite 创建一个人物精灵,并设置位置和缩放比例:
```
var player = new cc.Sprite("res/player.png");
player.setPosition(cc.p(100, 100));
player.setScale(0.5);
this.addChild(player);
```
2. 创建行走动画:使用 cc.Animation 和 cc.AnimationCache 创建一个行走动画,并将其添加到缓存中:
```
var animFrames = [];
for (var i = 1; i <= 8; i++) {
var frame = cc.spriteFrameCache.getSpriteFrame("player_walk_" + i + ".png");
animFrames.push(frame);
}
var animation = new cc.Animation(animFrames, 0.1);
cc.animationCache.addAnimation(animation, "walk");
```
这个示例中假设人物行走动画的帧数为 8,图片名称为 player_walk_1.png 到 player_walk_8.png。
3. 播放行走动画:使用 cc.Animate 和 cc.RepeatForever 创建一个行走动画,并将其播放:
```
var animate = cc.animate(cc.animationCache.getAnimation("walk"));
player.runAction(cc.repeatForever(animate));
```
这个示例中使用 cc.animate 创建一个行走动画,使用 cc.repeatForever 将其循环播放,然后使用 runAction 将其应用到人物精灵上。
通过上述步骤,就可以实现一个简单的人物行走动画了。当然,在实际应用中还需要考虑人物的移动和方向等问题,这就需要结合键盘或触摸事件来实现了。
阅读全文