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

Cocos2d-html5 通过apache ant编译成web应用以便部署到服务器

 
阅读更多

勤奋努力,持之以恒!


开发环境:
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.jsindex.htmlmyTemplate.js放到网站上就可以了。





分享到:
评论

相关推荐

    Cocos2d-x实战:JS卷——Cocos2d-JS开发

    JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台发布、程序代码管理、两大应用商店发布产品。...

    Cocos2d-html5

    Cocos2d-html5

    cocos2d-iphone~cocos2d-html5移植之旅

    cocos2d-iphone~cocos2d-html5移植之旅

    cocos2d-x-2.1.5

    cocos2d-x-2.1.5

    Cocos2d-html5 references/cocos2d-html5文档

    cocos2d-html5的api文档,官方未提供离线版,本人hack下来的,与在线版本完全一致,希望有用 :)

    cocos2d-x事件类

    在使用cocos2d-x开发游戏的过程中,为了实现逻辑和显示相分离。 在下通宵了一个晚上,写出了该事件类。 谨记,该事件只能用于cocos2d-x中。 事件发送者需要继承EventDispatcher类 事件接收者需要继承EventHandle类...

    cocos2d-html5 API

    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-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...

    Cocos2d-x高级开发教程

    Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...

    cocos2d-x-3.2旧版引擎下载

    cocos2d-x-3.2下载,不多说。或者可以下载另一个资源 cocos引擎老版本集合(cocos2d-x-2.2.1 - 3.5) http://download.csdn.net/download/crazymagicdc/9982656

    cocos2d-x 编译

    cocos2d-x编译多平台cmake文件,版本号是3.20。亲测可用。

    Cocos2d-html5-v2.0

    一款基于HTML5的Web开发和HTML5移动开发的著名框架,其库和内容相当的丰富。是由object-C移植而来的JavaScript版本。 主要功能:  流程控制(Flow control):非常容易地管理不同场景(scenes)之间的流程控制   ...

    Cocos2d-x实战 JS卷 Cocos2d-JS开发

    Cocos2d-x实战 JS卷 Cocos2d-JS开发 PDF 电子书完整版本

    cocos2d-x实战项目

    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游戏开发技术精解.pdf

    《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。全书共15章,主要内容包括:Cocos2D-X引擎简介;如何建立跨平台的开发环境;引擎的核心模块——渲染框架;如何实现动态画面和...

    经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip

    经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip

    Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版

    Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版

    Cocos2D-X游戏开发技术精解

    资源名称:Cocos2D-X游戏开发技术精解内容简介:Cocos2D-X是一款支持多平台的 2D手机游戏引擎,支持iOS、Android、BlackBerry等众多平台。当前,很多移动平台流行的游戏,都是基于Cocos2D-X开发的。 《Cocos2D-X...

    《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》完整源码

    《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》源码

    Cocos2d-html5-v0.5.0-alpha2

    Cocos2d-html5-v0.5.0-alpha2完整版免费下载,发布日期Jun.18, 2012

Global site tag (gtag.js) - Google Analytics