博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Cocos2d-js-v3.2 在 mac 上配置环境以及编译到 Andorid 的注意事项(转)
阅读量:6800 次
发布时间:2019-06-26

本文共 3497 字,大约阅读时间需要 11 分钟。

转自:http://blog.csdn.net/song_hui_xiang/article/details/42921537

准备工作:

下载cocos2d-js引擎,版本v3.2,要做的第一件事就是查看引擎下的README.md文件,这会是一个很好的习惯,在README.md里面给我门提示一些注意事项等问题,这样就少走了很多弯路,所以要仔细的过一遍。

在README.md中得到如下信息:

1.Android NDK 版本为 r10c 及以上 下载地址:

 

 (64位)

 (32位)

在终端进行安装,命令如下:

ndk$ chmod a+x android-ndk-r10c-darwin-x86_64.bin  ndk$ ./android-ndk-r10c-darwin-x86_64.bin

如果选择低于r10c的版本在编译完android时会有如下提示:

BUILD SUCCESSFUL  Total time: 16 seconds  Move apk to /Users/xiangzi/goldking/runtime/android  build succeeded.    The NDK version is not r10c or above.  Your application may crash or freeze on Android L(5.0) when using BMFont and HttpClient.  For More information:      https://github.com/cocos2d/cocos2d-x/issues/9114      https://github.com/cocos2d/cocos2d-x/issues/9138    Your application may crash when using c++ 11 regular expression with NDK_TOOLCHAIN_VERSION 4.8

2.Android SDK 版本最小10及以上 下载地址:

android版本建议使用4.4,因为目前市场主流版本就是4.4,对应API为19,所以在sdk manager上下载android-19。

android 5.0 强烈建议不要用,经本人亲自测试编译完的sdk在版本为4.x.x的真机上运行黑屏。

3.ANT 下载与安装可参考:

4.python(32bit)版本2.7.5或更高 下载址:

5.java version 1.7

6.创建一新工程的Example:

 $ cd cocos2d-js      $ ./setup.py      $ source FILE_TO_SAVE_SYSTEM_VARIABLE        $ cocos new MyGame -l js -d /directory/to/project      $ cd /directory/to/project/MyGame

还有很多重要信息就不在一一列举,大家可以仔细看看。(如果Android NDK等下载很慢,建议直接拷贝下载地址到迅雷下载)

 

存放目录:

NDK_ROOT=/Users/xiangzi/Documents/android-ndk-r10c  ANDROID_SDK_ROOT=/Users/xiangzi/Documents/android-sdk-mac_x86  ANT_ROOT=/usr/local/ant/bin

python是安装程序,直接点击安装即可。

以上都准备好后,开始一步步创建新工程。

 

配置环境变量:

1.首先检查是否有.bash_profile文件,有的话一定要删除,否则按官方要求做完后会一直报 cocos: command not found 的错误。

.bash_profile文件在用户目录下:/Users/xiangzi,而且是隐藏文件。(xiangzi是我个人的用户名)

显示Mac隐藏文件的命令:

defaults write com.apple.finder AppleShowAllFiles -bool true

隐藏Mac隐藏文件的命令:

defaults write com.apple.finder AppleShowAllFiles -bool false

2.打开终端进入cocos2d-js-v3.2 目录下:命令:

$ cd /Users/xiangzi/Documents/cocos2d-js-v3.2   $ ./setup.py

这时会停到:Please enter the path of NDK_ROOT (or press Enter to skip):

按要求输入NDK_ROOT的路径:

Please enter the path of NDK_ROOT (or press Enter to skip):/Users/xiangzi/Documents/android-ndk-r10c 

出现->Added NDK_ROOT=/Users/xiangzi/Documents/android-ndk-r10c 说明成功。

接着停到:

Please enter the path of ANDROID_SDK_ROOT (or press Enter to skip):

和NDK_ROOT一样: 

Please enter the path of ANDROID_SDK_ROOT (or press Enter to skip):/Users/xiangzi/Documents/android-sdk-mac_x86 

ANT按给参考配置后,到此会自动找到 ->ANT_ROOT is found : /usr/local/ant/bin

最后就停到: 

Please execute command: "source /Users/xiangzi/.profile" to make added system variables take effect

不懂的查单词,按要求来,最后输入:

$ source /Users/xiangzi/.profile

到此环境配置结束。

 

插播一条:如何查看演示案例。进入目录js-tests下, 命令:

$ cd /Users/xiangzi/Documents/cocos2d-js-v3.2/samples/js-tests   $ cocos run -p web

浏览器控制台会立即得到对应的反馈信息。

也可以在 IOS,android,Mac 上运行这些测试工程文件,命令: 

cocos run -p ios|android|mac

创建工程 MyGame

在终端输入命令:

cocos new -p www.aaagame.aiw -l js -d ~/workspace/projects AIW

给工程起名字时不要用到特殊字符,比如 . - 等,在编译android时会报错,提示有无效的字符

在MyGame/frameworks/runtime-src/proj.ios_mac目录下MyGame.xcodeproj

,没错就是xcode文件,就这样iOS与mac版也就有了。真是做到了“一次编码,到处运行”,完全的跨平台。而且在iOS 8中,Safari开始支持WebGL,相较之前性能较低的Canvas绘图模式,帧率的数倍提升将给用户带来更加流畅的游戏体验。WebGL渲染的开启加上浏览器中JavaScript引擎性能的不断提升,未来的移动Web平台给人带来美好的想象空间。Cocos 2d-JS将与iOS 8 WebGL一起为用户提供全新的流畅体验,为开发者带来更为广阔的发挥空间。

 

web打包:

在终端cd进入工程目录,执行如下命令,进行Web的发布版本打包。

cocos compile -p web -m release
-p : 指定打包平台(Android, iOS, Mac, Web, Win32,Linux)
-m : 可选参数,指定打包模式 debug|release(默认debug)
 

Android打包:

在终端cd进入工程目录,执行如下命令,进行Android的发布版本打包。

cocos compile -p android --android-studio  --ndk-mode  debug

 

你可能感兴趣的文章
JavaScript操作Cookie
查看>>
转oracle 学习 - 表空间
查看>>
百度地图显示多个标注点
查看>>
robots.txt的介绍和写作
查看>>
11个实用jQuery日历插件
查看>>
MySQL slave状态之Seconds_Behind_Master
查看>>
JS 怎么刷新当前页面
查看>>
jQuery笔记-插件开发小技巧
查看>>
The 'Microsoft.Jet.OLEDB.4.0' provider is not registered on the local machine.
查看>>
8天学通MongoDB——第八天 驱动实践
查看>>
国内外开源与 SaaS ,团队协作平台、项目管理工具整理
查看>>
oracle字符集查看修改
查看>>
[Leetcode] Container With Most Water
查看>>
查看版本信息的命令
查看>>
Linux搭建SVN服务器
查看>>
UML 之 数据流图(DFD)
查看>>
ReiserFS与EXT3的比较
查看>>
利用CSS3打造一组质感细腻丝滑的按钮
查看>>
hadoop中文官网
查看>>
phpQuery—基于jQuery的PHP实现(转)
查看>>