`
xidajiancun
  • 浏览: 449265 次
文章分类
社区版块
存档分类
最新评论

[quick-cocos2d-x lua学习] 框架详细介绍(一)

 
阅读更多

第一步:

下载Quick-Cocos2d-X工程

下载成功后,我们来看一下他的目录:


bin中包含的是一些创建各个平台新工程的批处理,现在Quick-Cocos2dX还不太完善,日后可能会出和Cococs2D-X一样安装后出现一个模版来方便创建。

doc中包含的是Quick-C2DX中的一些文档、API之类。

framework中包含的就是廖哥封装的一些2DX 类用LUA来方便使用,我们以后创建控件也需要从这个中调用。

lib中就是2DX和一些其他依赖的c++文件。

sample中是Quick-2DX所带的三个例子,我一直在用 CoinFlip 这个例子,因为这个例子基本上包含了网游所需的UI。

simulator中是Quick-2DX所提供的一个Player 该Player 可以无需任何开发环境,例如:Xcode 、VS2010 这类的工具,你可以用记事本,或者一些编码工具例如 SubLime Text 来编辑 Lua 文件保存后就可以直接执行,方便了大家去装什么 MAC 虚拟机这些。目前的Player有Windows 和 Mac 这两个平台。

template包含的就是模版工程,可以用来创建模版,不过我一直都是复制例子然后剪裁。。

README_CN 中就是廖哥送给大家的一些文字,看看很有用的哦。


第二步:

了解了包中每个文件夹的定义后,我们打开 simulator\bin\win32\LuaHostWin32.exe


打开后会出现一个控制台,和一个类似安卓/iOS模拟器的窗口,这里控制台主要来输出Lua中所输出的LOG 例如 CCLuaLog 这个我们后面会讲到,另外一个窗口是用来模拟Cocos2d-X运行时候所输出的画面。

控制台就不用多说了,我们现在来看下模拟器菜单项中每项的功能。

File:

New Project 该项目前点击还没有功能,这个应该是为日后快速创建基于Quick-2DX多平台工程所备用。

Open Project 该项功能可以打开一个Quick-2DX 的项目 我们可以用他来打开sample 中的例子工程。

Create Project Shortcut 该项可以创建一个快捷方式,这个快捷方式可以保存你当前所打开的项目、项目的信息(分辨率、屏幕横竖),可以让你免去每次打开Player还要去寻找自己的工程,也算个小小的偷懒。

Project Config 包含了对你当前项目的设置,这个在Open Project的时候也会出现。

它的功能包括项目路径,入口的Lua文件,模拟器分辨率、显示/隐藏控制台Debug窗口、Lua 包路径等等功能。

Relaunch 该项的功能是用来重新启动模拟器,简化了iOS、Android 模拟器启动时过长的时间,让代码更改调试变得更加快捷,也印证了它的名字Quick!


View:

view里面就相对于来说简单容易理解。

除了上面一些设置分辨率的之外,还有Portrait和Landscape 用来设置横屏和竖屏。

Reset Zoom 、Zoom Out 来设置窗口显示的大小 可以100%或者50%。


第三步:

我们点击 File 中的 Open Project 我们来选择sample下CoinFlip 这个工程。

Project Setting中,我们除了分辨率外,其他没有设置的必要,因为这个工程就是竖屏的,当然不想看DEbug的同学也可以把 Show Debug Console 上的对号去掉。

打开工程后看见如下界面就证明你成功了。

MoreGames 中包含了一个场景过渡的动画和一个输入框,这个输入框现在有一个BUG。其实也是因为Cocos2d-X 自身的原因,因为2D-X本身就是在OpenGLView上来绘制游戏内的图像,而像输入框这种都是平台上的控件,所以就造成如果你的过渡动画很慢 (我设置成过渡动画为5秒发现的这个BUG),在动画过程中你就可以点击这个输入框进行操作,这个还希望日后有改善。

Start中包含了一个ScrollView 还有BMFLabel 和我们常用的菜单Button,这里涉及到了事件函数,plist+png的图片用法,还有关卡的数据结构等。

到了这里,基本上了解了Quick-2DX 提供的工具的功能,方便我们以后设置的时候不懵。

目前Quick-2DX 支持使用TexturePacker所生成的plist+png这种图片方式,它本身也封装了一些例如:ui、网络、计费 等模块。可以用Lua来调用方便我们实现完全用Lua去开发一款游戏的理想。

最后还要感谢廖大个人的无私奉献,使得我们有了一个更快速的开发方式。


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics