您的位置:

cocosjsb项目结构(cocos架构)

cocosjsb项目结构(cocos架构)

更新:

本文目录一览:

怎样创建一个好的cocos目录结构

1.2目录结构

从github下载Cocos2d-x repo资源包后,或解压稳定版ZIP压缩包后,就会看到如下的目录结构:

目录名称

说明

CocosDenshion

音频支持。注意:Android平台中背景音乐和短音效所使用的系统API不同。

cocos2dx

Cocos2d-x框架的主目录。

document

你可以下载doxygen文档系统,利用该系统打开本文档文件夹内的doxygen.config文件,然后再生成离线API文档。

extensions

如果需要更多图形用户界面的控制功能、网络访问、CocosBuilder支持甚至2.5D功能,你可以使用using namespace cocos2d::extension。

external

包括box2d及Chipmunk库。

licenses

cocos2d依赖很多其他开源项目。所有授权许可文件都在这个目录。

samples

重要!这是你该开始用到的文件。从Cpp/HelloCpp开始学习,你会在TestCpp中发现所有类的用法。lua和js样本也在这个目录。

scripting

我知道你不喜欢C++,写起来太复杂。没问题,我们有Lua和Javascript。Scripting文件夹包括来自火狐的lua官方引擎和SpiderMonkey引擎。

template

该目录包括在不同集成开发环境及不同平台中创建Cocos2d-x新项目的模板。这里汇集了数量庞大覆盖各种开发环境和平台的模板!

tools

包括将C++绑定至lua及javascript的脚本文件。

CHANGELOG

作者修订记录文档。

cocos2d-win32.vc2010.sln

配套Visual Studio 2010打开。注意:VS 2008自Cocos2d-x v2.0版本以来就不再支持。

cocos2d-win32.vc2012.sln

配套Visual Studio 2012打开。

create-android-project.bat

在Windows平台运行。具体用法请参考如何用脚本创建Android项目。

create-android-project.sh

在Linux或OS X平台运行。具体用法请参考如何用脚本创建Android项目。

install-templates-msvc.bat

执行该文件安装后,你可以在Visual Studio中创建空的Cocos2d-x项目。

install-templates-xcode.sh

执行该文件安装后,你可以在Xcode中创建空的Cocos2d-x项目。

2. Cocos2d-html5

2.1 架构

2.2 目录结构

目录

说明

CocosDenshion

音频支持。注意:你至少需要两种音频格式以支持所有浏览器。

cocos2d

主目录,包括所有主目录文件及与Cocos2d-x及Cocos2d-iPhone一样的API。平台兼容性佳!

box2d

V2.1a版本的Box2dweb Physics引擎。

chipmunk

无版本号的Chipmunk Physic引擎

Demo

包括几个demo程序,你可以从这些demo程序入手。

extensions

如果需要更多图形用户界面的控制功能、EditBox、CocosBuilder支持、Cocos Studio支持或任何第三方库,都在这里。

HelloHTML5Wrold

预备的一个Hello World程序,你可以从这入手。

lib

包括一个MIN版本的引擎,当你使用ant工具运行/cocos2d/build.xml文件时,会将所有引擎文件打包成一个文件。

licenses

cocos2d依赖很多其他开源项目。所有授权许可文件都在这个目录。

samples

你可在Test文件中发现所有类的用法。该目录还包括样本游戏。所有测试样本和游戏样本均可以在JSB中运行。重要!这是你该开始用到的文件。

template

用于创建Cocos2d-html5新项目的模板。

tools

包括JSDoc及Closure Compiler编译器。

index.html

Cocos2d-html5索引文件。

AUTHORS

作者列表

CHANGELOG

该文件记录上述各位作者的修订记录。

3. Javascript绑定

跨平台虽然很好,但还不够好。用C++语言编程不仅超级慢,C++代码还无法在网络浏览器中运行。这就是为什么我们选择增加JavaScript绑定功能。通过JSB我们可以将javascript代码打包至:

Cocos2d-x+SpiderMonkey上的本地应用,SpiderMonkey能将javascript代码解析成C语言。

Cocos2d-html5上的网页应用。

我们在Cocos2d-iphone、Cocos2d-x 和Cocos2d-HTML5框架中使用的API组合是一样的。所以,我们可以百分之百在本地Cocos2d-x或Cocos2d-iphone中创建javascript游戏。当你要在浏览器上运行时,你只需要将引擎切换至Cocos2d-html5,而无需修改源代码。

优势:

编码速度要比C++快得多

无需处理野指针、引用计数及内存泄露的问题

跨越本地及网络平台

在线更新

cocos引擎有什么特点?

cocos引擎主要是国人开发的一套引擎体系,其特点是简单容易,上手快,支持到位。主要偏向2D产品的开发。

Cocos提供了全套的引擎和开发工具,涵盖从前期设计、资源制作、开发调试、打包上线全套的解决方案。cocos重点优化了工作流,规范了整个游戏开发流程,降低沟通成本,提高开发效率。

引擎功能

新建游戏项目:一键立项,自动生成制作游戏所需的基本目录结构、资源、代码、支持库。

编辑游戏界面:依托近20种基础控件和众多自定义控件,可以方便快捷的拼接各种各样华丽的游戏界面。

编辑游戏动画:支持骨骼动画和帧动画,可以根据用户喜好快速实现游戏中各种逼真动画。

编辑游戏场景:不必再为各式各样的分辨率所困扰,使用布局特性设计游戏场景,全面适配各种分辨率。

如何使用 Cocos Studio 场景编辑器制作《魔卡幻想》主界面

使用 CocoStudio 场景编辑器制作《魔卡幻想》主界面

1 CocoStudio 场景编辑器

使用 CocoStudio 场景编辑器来创建游戏场景,其中包含游戏 UI 与动画,来定制一个游戏主界面。

2 使用 CocoStudio 完成《魔卡幻想》场景编辑

对于环境的搭建使用,请参考之前的文章,或者实时关注 官方 最新版本的安装使用方法。

2.1 UI 编辑器制作游戏主界面

创建项目(项目名称:MysticalCard),并导入项目 UI 资源,添加 一图片框设定背景图片。注意在工具拦设置 “画布” 的大小(如果需要),这将决定着你的设计分辨率,在运行时还需要注意屏幕的适配问题,如放大缩小,位置偏移等,视具体情况而定。

为界面添加 UI 元素,图片框等,请根据自己的需要定制

实践过程中的注意事项

添加控件时注意必要的属性设置

控件的命名规范,这有助于我们今后在后台编写代码获取界面元素

可交互的控件的 “可交互属性” 开启

2.2 建立关键帧动画

除了主界面一些必要的 UI 控件,我们还需要一个 “对话框指示” 的动画效果。这是一个帧动画。

准备工作。

打开 CocoStudio ,启动 动画编辑器

创建一个新的项目,后导入资源(在 “资源窗口” 中,点击 “文件” 或者 “文件夹” 标示,添加需要的素材资源)

在 “资源窗口中” 点击关键帧动画的守帧图片,拖动至 “渲染窗口”

将第一关键帧拖动至 “渲染窗口” 中心。 可以使用工具栏,快速定位至窗口中心,使图片显示在正中间,可以让动画更好的定位。

添加其它帧图片,注意,我们需要选中剩余图片,然后 “拖动” 到 “对象结构” 视图中的 “第一关键帧” 所在的对象,如下图所示。

关键帧 与 骨骼动画操作区别:在使用骨骼动画的时候,我们将骨骼中的各部分元素,直接拖动添加到 “渲染窗口”,以摆放各骨骼的位置关系,而在 “对象结构” 视图中则表现为,一个列表,标示着每一块骨骼对象,不同帧所改变的是各个骨骼对象的位置,以达到骨骼动画效果。

而在关键帧动画中,它的对象结构只有一个,而在每一帧修改的不是其位置,而是其显示内容。这是两者之间的区别,那操作方式也有所不同。而对于它们所导出的 资源 则是相同,用法也是同样。

剩余帧添加之后,我们看见在 “关键帧” 视图中,已经有了多帧动画,可以播放动画,查看效果,并可以通过修改 “速率” 来控制动画的播放速度。

导出动画资源,导出的资源文件可以被我们在 Cocos2d-x 中以代码的方式直接加载,然后播放其动画,也可以作为 场景编辑器中的一个元素,被添加在场景编辑器里,后面的内容就是使用 场景编辑器来加载一个动画的方式。

2.3 场景编辑器的 资源“整合”

使用 CocoStudio 可以很好的帮助游戏开发过程中 分工合作。动画编辑器 和 UI 编辑器可以由多个人进行编辑,最后再由一个人统合资源,这也就是场景编辑器的优点了,它除了能支持 CocoStudio 本身所自带的动画编辑器,UI 编辑器,它还能支持,Tmx 地图资源,粒子编辑器的粒子效果资源,声音资源等~并且不断扩展中。以下将给出如何在 场景编辑器整合我们之前所创建的动画与 UI 界面的资源,来实现我们一个场景的运行效果。它的步骤如下:

1.启动场景编辑器,新建一个场景项目。并设置 “画布” 大小。画布大小要适量。

2.我们拖动一个 UI 控到画布之上,它作为我们之前导出的 UI 资源的承载。