Quick-Cocos2d-x-3.2中示例Coinfilp总结（一）

参考至：@L_404_0@

如题目所示，我使用的是Quick-Cocos2d-x-3.2

这篇文章主要是简单总结一下Coinflip实例的开发过程，从游戏启动开始串一下各个文件都实现了那些功能

一，程序的启动（main.lua）

进入main.lua文件，这是lua脚本的启动文件，通过调用require("app.MyApp").new():run()这样一个方法，实现进入游戏启动后的场景

二，程序启动的方法实现（MyApp.lua）

查看MyApp.lua中的run方法：一，设置了图片等资源的搜索路径；二，添加图片缓存；三，预加载音频文件；最后调用enterMenuScene()

方法进入MenuScene场景。到此，一二两步实现了游戏的启动，这个时候我们就可以看到游戏启动后的效果。

run方法外，还封装了进入更多游戏场景，关卡选择场景，游戏场景等所有场景的切换方法，便于后续管理和编写

第一个场景MenuScene是进入了，但是这个场景不建立的话，我们怎么能看到呢？所以接下来是：

三，场景MenuScene的实现（MenuScene.lua文件，引入了views.AdBar和views.BubbleButton两个自定义类）

（一），背景的添加（就是建立并添加一个图片精灵（Sprite））；

（二），信息条的添加（调用自定义类AdBar的new方法创建信息条（图中绿色部分就是信息条））；AdBar的实现

（三），创建如上图所示的MOREGAMES,STARTA按钮（调用自定义类BubbleButton的new方法创建按钮），这两个除

了图片，位置，点击后进入的场景不同，其他代码部分一模一样。他们的按钮属性是一样的。

接下来玩游戏嘛，点击MOREGAMES

四，场景MoreGamesScene（MoreGamesScene.lua）

很简单的页面吧。。。就是一个场景(图片精灵);一个信息条；和一个后退按钮

 
 cc.ui.UIPushButton. 
 new 
 ( 
 "#BackButton.png" 
 ) 

 
  
 :align(display.CENTER,display.right-100,display.bottom+120) 

--添加点击的响应事件

:onButtonClicked(function()

app:enterMenuScene()--回到MenuScene中

end)

:addTo(self)

然后点击BACK返回到上面第一个主场景MenuScene。。。点击START按钮，进入关卡选择场景

 
 五， 
 游戏关卡选择场景ChooseLevelScene（ChooseLevelScene.lua）引入AdBar和LevelList两个自定义类

组成部分：

（一），背景图片的建立，设置位置为顶部；

（二），标题的建立，设置位置（即上面coinflip字样）；

（三），信息条的建立（绿条。。。玩游戏的没色盲吧应该）；

（四），创建等级列表（即关卡板）：具体实现

1，创建一个rect矩形块（触摸矩形区域）；

2，执行LevelsList构造方法（这里封装了翻页的方法，创建了7个cell和指示灯）；

 
 3，调用levelsList:addEventListener监听事件方法，，监听onTapLevelIcon事件，调用自身onTapLevelIcon方法 

4，执行自身的onTapLevelIcon(event)，播放音效，跳转到指定关卡的PlayLevelScene。

 
 （五），设置后退按钮 

 
 这样，一个关卡选择场景就实现了，然后跟着选择进入游戏场景PlayLevelScene 

  六，游戏场景（PlayLevelScene.lua）引入了Levels，Board，AdBar三个自定义类 

  场景组成： 

  1，背景（屏幕正中央且置顶） 

  2，标题 

  3，信息条 

  4，等级文本的显示（即上图中的Level： 6的信息） 

  5，硬币板  
  Board的具体实现 

  （1），调用自定义类Board的构造方法 创建硬币板并放置所有硬币； 

  （2），监听LEVEL_COMPLETED事件，完成这一关后，调用自身onLevelCompleted方法，添加胜利图片 

  6，后退按钮，（BACK） 

  友情提示：参考着代码学习： 
 下载地址 

猜你在找的Cocos2d-x相关文章