笔记:利用Cocos2dx 3.3 lua 做一个动作类游戏(一)

在这之前,声明一下:

做不完我是小狗。

 

没办法,没毅力和恒心,之前的那个Quick Cocos2dx做的横版过关游戏的demo已经转成了3.3的版本了,其实也算是个半成品,战斗,UI啥的都有了,呵呵。

 

本次DEMO要达成的目的如下:

1 熟悉Cocos2dx 3.3 - lua

2 使用Joystick

3 完成简单的怪物AI

4 尝试扩展现有的api(可选)

 

嗯,差不多就以上了。

 

今天第一次笔记。

当前完成的任务有如下:

1 使用新的player新建项目

2 在场景中添加Sprite以及其帧动画

3 帧动画的播放与停止

 

完整代码如下:

 1 local MainScene = class("MainScene", function()
 2     return display.newScene("MainScene")
 3 end)
 4 
 5 function MainScene:ctor()
 6     display.newSprite("bg.jpg")
 7         :pos(display.cx, display.cy)
 8         :addTo(self)
 9 end
10 
11 function MainScene:onEnter()
12     display.addSpriteFrames("hero/zhuge.plist","hero/zhuge.png")
13     self.player = display.newSprite()
14     self:addChild(self.player)
15     self.player:pos(display.cx, display.cy)
16     self.animAction = self:playAnimation(self.player, "standby", 0, 48, false)
17     self:setTouchEnabled(true)
18     self:addNodeEventListener(cc.NODE_TOUCH_EVENT, function( event )
19         self:onTouched(event)
20     end)
21 end
22 
23 function MainScene:onTouched( event )
24     self.animAction = self:playAnimation(self.player, "attack", 0, 9, true)
25 end
26 
27 function MainScene:playAnimation(player, framename, startindex, endindex, once)
28     local animationname = player:getName()..framename
29     local animation = display.getAnimationCache(animationname)
30     if animation == nil then
31         local frames = display.newFrames(framename.."%04d",startindex, endindex)
32         animation = display.newAnimation(frames,1/24)
33         display.setAnimationCache(animationname,animation)
34     end
35     if self.animAction ~= nil then
36         transition.removeAction(self.animAction)
37         self.animAction = nil
38     end
39     local function onPlayCompleted( )
40         self.animAction = self:playAnimation(self.player, "standby", 0, 48, false)
41     end
42     if once == true then
43         return player:playAnimationOnce(animation,false,onPlayCompleted,0)
44     else
45         return player:playAnimationForever(animation,0)
46     end
47 end
48 
49 function MainScene:onExit()
50 end
51 
52 return MainScene
MainScene

 

学习点:

1 使用Flash CS6制作资源:

在网站上找到了一些gif动画资源,直接通过Flash CS6导入到库之后会自动生成一个影片剪辑,所有的动作可以全部导入到同一个库中:

笔记:利用Cocos2dx 3.3 lua 做一个动作类游戏(一)_第1张图片

然后需要进入到每个动作的影片剪辑,调整其注册点,我的注册点的对齐方式为,x 对齐肚子裤腰带的中间点,y直接就是负的高度了,这样的话每个动作的过度应该不会太突然:

笔记:利用Cocos2dx 3.3 lua 做一个动作类游戏(一)_第2张图片

每个动作都调整好了之后,按下ctr,然后连选需要导出素材的动作剪辑,然后右键->生成SpriteSheet表...:

笔记:利用Cocos2dx 3.3 lua 做一个动作类游戏(一)_第3张图片

仔细检查提示框一下选项:

笔记:利用Cocos2dx 3.3 lua 做一个动作类游戏(一)_第4张图片

特别要注意的是堆栈帧这个选项,可以去掉重复的图片。

 

然后点击导出,就可以直接在项目里头使用了。

 

2 帧动画在cocos2dx lua v3.3中的使用:

本次最主要的一段代码:

function MainScene:playAnimation(player, framename, startindex, endindex, once)
    local animationname = player:getName()..framename
    local animation = display.getAnimationCache(animationname)
    if animation == nil then
        local frames = display.newFrames(framename.."%04d",startindex, endindex)
        animation = display.newAnimation(frames,1/24)
        display.setAnimationCache(animationname,animation)
    end
    if self.animAction ~= nil then
        transition.removeAction(self.animAction)
        self.animAction = nil
    end
    local function onPlayCompleted( )
        self.animAction = self:playAnimation(self.player, "standby", 0, 48, false)
    end
    if once == true then
        return player:playAnimationOnce(animation,false,onPlayCompleted,0)
    else
        return player:playAnimationForever(animation,0)
    end
end

 

这个方法主要是通过display.setAnimationCachedisplay.getAnimationCache来缓存和读取帧动画。

然后本方法返回的是一个Action,此Action对应本次播放的动画的Action,因为在SpriteEx.lua源码里面我们可以发现:

function Sprite:playAnimationOnce(animation, removeWhenFinished, onComplete, delay)
    return transition.playAnimationOnce(self, animation, removeWhenFinished, onComplete, delay)
end

function Sprite:playAnimationForever(animation, delay)
    return transition.playAnimationForever(self, animation, delay)
end

帧动画的播放是交给transition实现的。

SpriteSheet能够在程序中使用,是因为在此之前我们已经在onEnter中写了:

display.addSpriteFrames("hero/zhuge.plist","hero/zhuge.png")

此节完。

 

2016-2-1:

汪~~~

你可能感兴趣的:(笔记:利用Cocos2dx 3.3 lua 做一个动作类游戏(一))