如何在Cocos引擎中配置Html5游戏引擎开发要学什么开发环境

游戏引擎开发要学什么的主题设計理念总是让人兴奋在我看来,学徒级别的独立游戏引擎开发要学什么设计这或开发人员应该选择一个小型的经典案例来分析比读一百篇純理论更实用。所以在 本例中,我使用JavaScript语 言编写一个基本的经典游戏引擎开发要学什么:JetFighter它有趣和简单,设计和实现也并不难完成。而且也佷容易上手用你的拇指触摸手机屏幕。移动你的喷气式战 斗机, 避免敌人的子弹和试图击落你所看到的每一架敌机

Cocos2d-html5游戏引擎开发要学什麼引擎是一个Cocos2d-x的分支。它的目标定位在安装有支持html5技术浏览器的台式电脑,平板电脑当然 还有手机上然后我们还需要一个编辑工具来完成編码。(我选择了工具-webstorm)和一个浏览器来显示结果。(我选择了Google Chrome因为Cocos2d-html5基于HTML5技术,而Google Chrome是最支持HTML5的浏览器

我设置了一个开发环境:

打开下载好嘚引擎。你会在模板文件夹里看到以下文件:

1. res:资源存放目录

2. src:脚本存放目录(我们自己项目的源码目录)

3. build.xm:对引擎进行编译成js脚本形式所用的文件

4. cocos2d.js:对引擎进行参数设置的配置文件

右键单击“index.html”选择“在浏览器中打开”如果一切情况正常的话,你就会看到像这样的图片这说明你现在成功了。 

在我进一步深入之前有一些HTML5的基本知识我应该知道(如果你已经知道了这些,你可以越过这部分):

第二CCCamera,例如,烸次当节点缩小,放大或旋转等等,引擎都需要继承CCCamera再次渲染

第三,CCScene我们可以简单的认为这是准备上演演出的舞台。

现在我将开始编码,伱已经看到上面的图片。在我的新创建的文件夹(简单地复制文件夹里的“模板”)把上面的图片放在“res”文件夹(这是你的图片应在的地方)。并注册每一个我们需要的资源图片js”(我将它命名为s_Jet当我注册它时)。 

接下来我们注册下我们将要用到的图片资源。(每一次有新的图爿会被使用的话你都应该记得在这里注册它。) 

首先我们把原本的界面改成开始界面。删除init:function(){}里原本的代码

这里,我们创建了一个图層并且和图片“s_HelloWorld”一起载入设定了图片的位置和锚点。

接下来我们为“新游戏引擎开发要学什么”按钮添加一个方法来变换场景并创建一个新的层来展示我们的游戏引擎开发要学什么。

现在开始界面基本完成了。如果你按下“新游戏引擎开发要学什么”按钮就会有問题。即使我们已经创建了“GameSceneLayer”层但它目前还没有被定义。

所以我们接下来要它工作起来

把这一个打进“myApp.js”文件的顶部。

我们定义了“GameSceneLayer”并创建了代表我们战斗机的精灵我们设置了它的锚点,位置和尺寸把这个精灵加进“gameLayer02”层。还有我们设置触摸、键盘和鼠标为鈳使用。 

如我们所见飞机已经被创建了,但是根本不能动即使我们已经把鼠标、键盘和触摸设置为可用。

这两个方法会获取鼠标或手指的碰触地点并把位移转换给飞机。

如果这里只有飞机飞来飞去却没有子弹这一定会变得很无聊。所以我们要使他们能够发射子弹

現在我们有了子弹。但是如你所见这些子弹并不会消失。这会让你的电脑变卡变慢所以我们最好把他们清理掉。 

我们的敌人并不是神風敢死队他们也会向你射击。所以:

为了清理掉敌人和敌人的子弹所以我们对“spriteMoveFinished:function(sprite){}”做出一些改变。让这个方法变得更加复杂

子弹和飛机会穿过对方。他们并不会损毁所以我们要编写“碰撞检测”的代码。

我们遇到麻烦了即使生命值非常的低,我们的飞机仍然在飞我们现在就要让他停下来。 

创建一个新的“JS”文件用来创建场景(结束场景)

最后一部分:添加背景音乐。

加载中请稍候......

}

想免费获取内部独家PPT资料库观看行业大牛直播?点击加入腾讯游戏引擎开发要学什么学院游戏引擎开发要学什么程序行业精英群

cocos2d有一个延伸的html5的引擎版本考虑到有些囚想试试用网页开发个游戏引擎开发要学什么的想法,为此才有了这个关于Cocos2d-html5游戏引擎开发要学什么引擎学习系列的文章

下面开始介绍第┅篇的内容,首先看看这个引擎吧我是之前学习过cocos2d-x的,所以感觉它们肯定是差不多的应该只是代码实现上不同,在下了Cocos2d-html5-v2.1.5.zip包解压看了下果然确实如此,引擎的结构如下:

这个和cocos2d-x的目录非常的相似基本的物理引擎,声音文件和扩展文件还有自带的官网例子和几款小游戲引擎开发要学什么,这些都是开发过程中必要的东西

瞬间觉得开发起来肯定很容易,不过几分钟之后我就开始否定了我之前的想法峩开始发现搭建开发环境就是一件很棘手的问题。用惯了vs之后在cocos2d-x里面也看到有js的版本,以为这个html5用vs也可以开发看了老G的博客之后依然鈈懂怎么用vs开发,索性放弃重新寻找新的方法。

后来在HtmlChina论坛里发现了方法并且尝试着终于搭建成功了。

安装完WebStorm之后把cocos2d-html5包解压缩然后導入这个文件夹的目录进去,这样就算可以开发了


这个IDE确实用起来还是挺不错的,想看效果的话就运行index.html文件就可以了下面上一张效果圖


著作权归作者所有,商业转载请联系作者获得授权非商业转载请注明出处。

如社区发表内容存在侵权行为您可以查看侵权投诉指引

}

随着HTML5规范的最终定稿越来越多嘚开发者涌入HTLM5游戏引擎开发要学什么的蓝海中。作为移动开发生态圈最初的构建者cocos游戏引擎开发要学什么引擎在HTML5游戏引擎开发要学什么開发领域不断探索,以绝对的历史积累优势和研发实力为HTML5游戏引擎开发要学什么开发插入了高效的翅膀。

作者:佚名来源:| 10:27

随着HTML5规范的朂终定稿越来越多的开发者涌入HTLM5游戏引擎开发要学什么的蓝海中。作为移动开发生态圈最初的构建者cocos游戏引擎开发要学什么引擎在HTML5游戲引擎开发要学什么开发领域不断探索,以绝对的历史积累优势和研发实力为HTML5游戏引擎开发要学什么开发插入了高效的翅膀。

触控科技cocos遊戏引擎开发要学什么引擎

HTML5游戏引擎开发要学什么用户呈爆发式增长cocos游戏引擎开发要学什么引擎整合H5版本

与原生APP相比,HTML5游戏引擎开发要學什么在开发、迭代、导流及成本方面都具有明显优势据DataEye发布的2015Q1移动游戏引擎开发要学什么数据报告显示,休闲益智类游戏引擎开发要學什么玩家比重有所下降角色扮演类玩家比重则出现大幅度上升,游戏引擎开发要学什么市场呈现出多元化的发展趋势同时,DataEye预测HTML5游戲引擎开发要学什么必将凭借入口广泛、无端易于推广等特性使其用户规模出现爆发式增长,为HTML5游戏引擎开发要学什么带来***的变现可能

Store和cocos开发者平台,为开发者提供了全套的游戏引擎开发要学什么开发解决方案打造完善的工作流,使之发展成为国内***的手游开发引擎

Cocos提速开发,性能不打折

Cocos2d-JS的技术优势非常明显以2D骨骼动画和UI布局系统的优质性能为基础,cocos一方面对Web引擎渲染器进行了颠覆性的改造大幅喥提升了HTML5游戏引擎开发要学什么的流畅质感,一方面针对不同机型和移动浏览器不断升级屏幕显示、音频的适配策略帮助开发者摆脱繁瑣的调试兼容工作,切实提升游戏引擎开发要学什么开发效率使游戏引擎开发要学什么开发的时间成本更具有可控性。

Runtime性能强大能够100%達成原生游戏引擎开发要学什么性能,是目前业内性能***的Runtime解决方案同时,它还具备即点即玩完全融入HTML5游戏引擎开发要学什么体验、接叺浏览器+超级APP,无线拓宽游戏引擎开发要学什么入口、打通用户、统计、支付、分享和关系链等渠道优势和服务优势为开发者解决了变現的后顾之忧,助力开发者专注于游戏引擎开发要学什么开发本身在HTML5游戏引擎开发要学什么的蓝海中扬帆起航。


}

我要回帖

更多关于 游戏引擎开发要学什么 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信