游戏引擎开发要学什么的主题设計理念总是让人兴奋在我看来,学徒级别的独立游戏引擎开发要学什么设计这或开发人员应该选择一个小型的经典案例来分析比读一百篇純理论更实用。所以在 本例中,我使用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”文件用来创建场景(结束场景)
最后一部分:添加背景音乐。
加载中请稍候......