Cocos2d-JS 环境搭建 for mac(cocos2d js教程)

最近和好基友决定学习下游戏开发，由于我们都是从事web开发的，所以经再三讨论研究，决定先弄个web版本玩儿玩儿。

推荐整理分享Cocos2d-JS 环境搭建 for mac(cocos2d js教程)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:cocos环境搭建,cocos环境搭建,cocos环境配置,cocos2dx环境搭建,cocos2dx-js,cocos环境搭建,cocos2dx环境配置,cocos2d环境搭建,内容如对您有帮助，希望把文章链接给更多的朋友！

　　那么问题来了，从无到有的游戏开发我们肯定是搞不定的。所以上网搜索了下当下流行游戏引擎3d什么的太高深了，最终决定用Cocos2d-JS，官网竟然有中文的。感觉好厉害的样子，那么让我们开始吧！

首先罗列下主要内容:下载IDEIDE运行所需的环境搭建新建HELLO WORLD项目打包发布并运行在web中间件中下载IDE

　　进入官网 Code IDE 是基于eclipse的跨平台ide，哇塞好厉害的样子。

如无法安装，请确认是否安装jdk。

IDE运行所需的环境搭建

由于我们是基于js环境开发，所以需要去下载Cocos2d-JS最新版本的引擎。并在ide中的首选项-》Cocos-》frameworks选择

Engine Mode并配置下载的引擎路径。否则会报错，Read json file null failed, the reason is:null。导致无法创建项目

新建HELLO WORLD项目

配置完成以后即可新建cocos javascript项目

然后就下一步下一步啦，哈哈。

新建完项目以后项目自带hello world demo，直接运行即可看到效果，可选择 jsBinding 或者浏览器运行

然后就可以，哈喽世界啦。。。。

打包发布并运行在web中间件中

web打包需要如下环境

Python ,官网猛戳这里。如果慢的话可以选择云盘离线下载或者 /Users/apple/.bash_profile命令，加入环境变量。

具体操作如下图：

生成JSC(字节码)

Javascript作为一个解释型的语言，如果直接打包发布，别人可以轻松的拿到Javascript源码。幸好Cocos2d提供了cocos2d-console工具，通过该工具可以将js编译为字节码(jsc)。

cocos jscompile命令，将js文件编译为js&#;式。

例如：

[plain] view plaincopycocos jscompile -s /Users/apple/Downloads/.SafariDownLoad/cocos2d-js-v3.3/src -d ./

参数：

-s：指定js文件夹src -d：指定生成jsc&#;式文件存放的目标文件夹

执行上面操作将CocosJSGame/src下的js文件编译为字节码(jsc)。

通过cocos compile命令可以进行Web的打包，将打包好的内容部署到服务器通过Web方式发布！

[plain] view plaincopybanzhuchilaohuMac:CocosJSGame apple$ cocos compile -p web -m release Running command: compile Building mode: release running: '/usr/local/apache-ant-1.9.4/bin/ant -f /Users/apple/Documents/cocos/CocosJSGame/publish/html5/build.xml' Buildfile: /Users/apple/Documents/cocos/CocosJSGame/publish/html5/build.xml compile: [jscomp] Compiling file(s) with extern(s) [jscomp] 0 error(s), 0 warning(s) BUILD SUCCESSFUL Total time: 9 seconds

打包生成发布文件位置：

然后将该文件目录发布到tomcat或者其他web容器中就可以了。

让我们一起去见证奇迹吧！！！！！！

实例：Cocos2d-js中使用纹理对象创建Sprite对象 本节我们会通过一个实例介绍纹理对象创建Sprite对象使用，这个实例如图5-2所示，其中地面上的草是放在背景（如下图所示）中的，场景中的两棵树是

Cocos2d-js模块化开发的一种解决方案 一、Cocos2d-jsModuleCocos2d-jsModule(下文简称Module)是一个用于Cocos2d-js游戏引擎模块化编程的一种解决方案。Module可以让项目如C的#include、Lua的require等语法那

Cocos2d-x结构学习（十七）CCSkeletonAnimation、CCSkeleton、AnimationState、AnimationState、SkeletonData 1、CCSkeletonAnimation：继承自CCSkeleton，骨骼动画类classCC_EX_DLLCCSkeletonAnimation:publicCCSkeleton{public:std::vectorAnimationState*states;//状态容器staticCCSkeletonAnimation*create