cocos2d-lua消除游戏实战（一）主场景和游戏场景设计
【摘要】
使用版本为3.7，官方最新版本。
一、会用到的知识点和注意事项
使用ccui.button，3.7版本框架与之前是有差别的，需要注意我们不在使用cc.ui，而是使用ccui(详细的可以看看luabinding)。 ccui.b...
使用版本为3.7，官方最新版本。
一、会用到的知识点和注意事项
- 使用ccui.button，3.7版本框架与之前是有差别的，需要注意我们不在使用cc.ui，而是使用ccui(详细的可以看看luabinding)。 ccui.button.create会调用luabinding ，luabinding会调用C++静态方法。
- display.newTTFLabel({text = tostring(self.highSorce), font = "font/earth38"}) ，使用label标签的时候我们可以去display.lua看看它是如何实现的。内部调用的跟button的时序差不多的，调用luabinding，然后luabinding调用C++。而且我们要注意 font/earth38，这个不要加earth38的扩展名,不信自己加一下试一试。
- 游戏资源下面有下载地址，我会在项目完成之后，上传完整版本。
注意：这个本来是书上的例子，但是3.6和3.7版本有差异，算是大版本更新吧，官网是这么说的。我就升级了一下这个小项目。
二、主场景设计
有一个背景 mainBg.png
开始按钮startBtn_N.png
点击迁移场景到游戏场景
-
local MenuScene = class("MenuScene", function()
-
return display.newScene("MenuScene")
-
end)
-
-
function MenuScene:ctor()
-
-- 1.加载精灵帧
-
display.addSpriteFrames("fruit.plist", "fruit.png")
-
-
-- 2.背景图片
-
display.newSprite("mainBG.png")
-
:pos(display.cx,display.cy)
-
:addTo(self)
-
-- 3.开始按钮
-
local btn = ccui.Button:create("startBtn_N.png","startBtn_S.png","",1)
-
btn:align(display.CENTER, display.cx, display.cy - 80)
-
btn:addTo(self)
-
btn:addTouchEventListener(function(event)
-
print("TODO: switch to PlayScene!")
-
-
local playScene = import("app.scenes.PlayScene"):new()
-
display.replaceScene(playScene, "turnOffTiles", 0.5)
-
-
end)
-
-
-
end
-
-
function MenuScene:onEnter()
-
end
-
-
function MenuScene:onExit()
-
end
-
-
return MenuScene
三、游戏场景
-
local PlayScene = class("PlayScene", function()
-
return display.newScene("PlayScene")
-
end)
-
-
function PlayScene:ctor()
-
-- init value
-
self.highSorce = 0
-
self.stage = 1
-
self.target = 123
-
self.curSorce = 0
-
-
self:initUI()
-
end
-
-
function PlayScene:initUI()
-
-- 背景图片
-
display.newSprite("playBG.png")
-
:pos(display.cx, display.cy)
-
:addTo(self)
-
-
-- high sorce
-
display.newSprite("#high_score.png")
-
:align(display.LEFT_CENTER, display.left + 15, display.top - 30)
-
:addTo(self)
-
-
display.newSprite("#highscore_part.png")
-
:align(display.LEFT_CENTER, display.cx + 10, display.top - 26)
-
:addTo(self)
-
-
self.highSorceLabel = display.newTTFLabel({text = tostring(self.highSorce), font = "font/earth38"})
-
:align(display.CENTER, display.cx + 105, display.top - 24)
-
:addTo(self)
-
-
-- 声音
-
display.newSprite("#sound.png")
-
:align(display.CENTER, display.right - 60, display.top - 30)
-
:addTo(self)
-
-
-- stage
-
display.newSprite("#stage.png")
-
:align(display.LEFT_CENTER, display.left + 15, display.top - 80)
-
:addTo(self)
-
-
display.newSprite("#stage_part.png")
-
:align(display.LEFT_CENTER, display.left + 170, display.top - 80)
-
:addTo(self)
-
-
self.highStageLabel = display.newTTFLabel({text = tostring(self.stage), font = "font/earth32"})
-
:align(display.CENTER, display.left + 214, display.top - 78)
-
:addTo(self)
-
-
-- target
-
display.newSprite("#tarcet.png")
-
:align(display.LEFT_CENTER, display.cx - 50, display.top - 80)
-
:addTo(self)
-
-
display.newSprite("#tarcet_part.png")
-
:align(display.LEFT_CENTER, display.cx + 130, display.top - 78)
-
:addTo(self)
-
-
self.highTargetLabel = display.newTTFLabel({text = tostring(self.target), font = "font/earth32"})
-
:align(display.CENTER, display.cx + 195, display.top - 76)
-
:addTo(self)
-
-
-- current sorce
-
display.newSprite("#score_now.png")
-
:align(display.CENTER, display.cx, display.top - 150)
-
:addTo(self)
-
-
self.curSorceLabel = display.newTTFLabel({text = tostring(self.curSorce), font = "font/earth48"})
-
:align(display.CENTER, display.cx, display.top - 150)
-
:addTo(self)
-
-
-- TODO:倒计时条
-
end
-
-
function PlayScene:onEnter()
-
end
-
-
function PlayScene:onExit()
-
end
-
-
return PlayScene
四、项目效果展示：
文章来源: yujiang.blog.csdn.net，作者：鱼酱2333，版权归原作者所有，如需转载，请联系作者。
原文链接：yujiang.blog.csdn.net/article/details/78659632
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）