勤奋努力,持之以恒!
开发环境:
Mac OSX 10.9.3
Cocos2d-html5-v2.2.3
如何在Mac上安装apache ant ,请移步至:http://blog.csdn.net/song_hui_xiang/article/details/14315529
我的HeroUpUp-Html5项目的目录结构如下图:
1.打开项目中的build.xml文件,把项目中src目录下的所有js文件添加到build.xml的<sourcesdir="${basedir}">下:
<sources dir="${basedir}">
<file name="src/resource.js"/>
<file name="src/Game.js"/>
<file name="main.js"/>
<file name="src/EachPlate.js"/>
<file name="src/EachTool.js"/>
<file name="src/HeroRole.js"/>
<file name="src/PlateTenTool.js"/>
<file name="src/Utilities.js"/>
</sources>
在build.xml文件中有这么一条语句:debug="false"output="myTemplate.js">,myTemplate.js是通过ant编译成的js文件的名字。
在此我使用默认的名字,也就是myTemplate.js这个名字。
2.打开终端,cd到build.xml目录,输入命令 ant 回车如下图表示编译成功。
这样在你的项目目录下会多出myTemplate.js这么一个文件,这就是我们编译好的js文件。
3.打开项目中的cocos2d.js文件,找到window.addEventListener 方法,看其中cocos给的官方解释,想必你就懂得怎么做了。所以修改如下:
window.addEventListener('DOMContentLoaded', fn = function () {
this.removeEventListener('DOMContentLoaded', fn, false);
//first load engine file if specified
var s = d.createElement('script');
/*********Delete this section if you have packed all files into one*******/
// if (c.SingleEngineFile && !c.engineDir) {
// s.src = c.SingleEngineFile;
// }
// else if (c.engineDir && !c.SingleEngineFile) {
// s.src = c.engineDir + 'jsloader.js';
// }
// else {
// alert('You must specify either the single engine file OR the engine directory in "cocos2d.js"');
// }
/*********Delete this section if you have packed all files into one*******/
s.src = 'myTemplate.js'; //IMPORTANT: Un-comment this line if you have packed all files into one
d.body.appendChild(s);
document.ccConfig = c;
s.id = 'cocos2d-html5';
//else if single file specified, load singlefile
});
经过以上三步整个编译就完成了,然后只需要将res资源文件夹、cocos2d.js、index.html、myTemplate.js放到网站上就可以了。
分享到:
相关推荐
JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台发布、程序代码管理、两大应用商店发布产品。...
Cocos2d-html5
cocos2d-iphone~cocos2d-html5移植之旅
cocos2d-x-2.1.5
cocos2d-html5的api文档,官方未提供离线版,本人hack下来的,与在线版本完全一致,希望有用 :)
在使用cocos2d-x开发游戏的过程中,为了实现逻辑和显示相分离。 在下通宵了一个晚上,写出了该事件类。 谨记,该事件只能用于cocos2d-x中。 事件发送者需要继承EventDispatcher类 事件接收者需要继承EventHandle类...
Cocos2d-html5 V2.1.4 官方API文档,用google浏览器打开cocos2d-x\www.cocos2d-x.org\reference\html5-js\index.html。
资源名称:大富翁手机游戏开发实战基于Cocos2d-x3.2引擎内容简介:李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...
Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...
cocos2d-x-3.2下载,不多说。或者可以下载另一个资源 cocos引擎老版本集合(cocos2d-x-2.2.1 - 3.5) http://download.csdn.net/download/crazymagicdc/9982656
cocos2d-x编译多平台cmake文件,版本号是3.20。亲测可用。
一款基于HTML5的Web开发和HTML5移动开发的著名框架,其库和内容相当的丰富。是由object-C移植而来的JavaScript版本。 主要功能: 流程控制(Flow control):非常容易地管理不同场景(scenes)之间的流程控制 ...
Cocos2d-x实战 JS卷 Cocos2d-JS开发 PDF 电子书完整版本
cocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML文件读取与骨骼动画.rarcocos2d-x实战项目 01.cocos2d-x原理及环境配置.rar 03.cocostudio使用方法及UI控制.rar 04.XML...
《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。全书共15章,主要内容包括:Cocos2D-X引擎简介;如何建立跨平台的开发环境;引擎的核心模块——渲染框架;如何实现动态画面和...
经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip
Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版
资源名称:Cocos2D-X游戏开发技术精解内容简介:Cocos2D-X是一款支持多平台的 2D手机游戏引擎,支持iOS、Android、BlackBerry等众多平台。当前,很多移动平台流行的游戏,都是基于Cocos2D-X开发的。 《Cocos2D-X...
《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》源码
Cocos2d-html5-v0.5.0-alpha2完整版免费下载,发布日期Jun.18, 2012