开发手把手带你入门小游戏「打飞机」也有逆天操作!

2019-05-14 22:42

  原标题:开发 手把手带你入门小游戏,「打飞机」也有逆天操作! 小程序 刚刚 开发 手把手带你

  那么,小游戏开发,应该利用哪些工具呢?如何新建一个小游戏项目,并在真机进行调试、测试呢?今天,知晓程序就给大家带来小游戏开发入门的那些事儿。

  与小程序一样,开发同样需要用到「微信开发者工具」。我们可以到官方文档,下载到最新版的微信开发者工具。

  需要注意的是,目前小游戏不提供公开注册。但可以在新建项目时,选择「AppID」下方的体验「小游戏」,即可跳过小游戏 AppID 的填写。

  而且,与小程序不同的是,即使不填写 AppID,开发者也可以真机调试、体验小游戏。

  填写小程序项目信息:项目目录自行选择,建议在无中文路径下选择新建空文件夹。这里知晓君新建了一个「test」文件夹。

  AppID 处点选体验「小游戏」,项目名称可以自行填写,建议为纯英文。点击「确定」即可。

  模拟器中有模拟器配置选项,我们可以修改模拟器中的显示分辨率,倍数,网络等。在开发中,我们需要考虑各种手机分辨率的问题,避免内容显示不完整等状况发生。

  我们最常用到的是工具栏中的「编译」和「预览」。当我们改动代码后重新「编译」,模拟器就会做出相应更新,具体应用在下文会提到。

  可能大家已经发现,在新建的项目中微信帮我们内置了一款「飞机大战」小游戏 Demo。

  在文档树中的就是这款小游戏需要用到的代码和素材文件。其中入口文件和配置文件:game.js 和 game.json。game.js 引入并初始化包含整个小游戏的游戏场景、参与者(玩家飞机和敌方飞机)、游戏逻辑的主函数的 main.js。

  现在你就可以选择工具栏中的「预览」,用刚才登录微信开发者工具的微信扫描二维码,查看并体验这款小游戏了。

  「飞机大战」中,玩家每隔 20 帧射一次,每隔 60 帧生成新的敌机。每帧检查玩家和敌机是否死亡,玩家死亡游戏结束,敌机死亡分数 +1。只有玩家可以射击,且射击方式固定,通过躲避敌机生存。

  了解了它的设定,我们现在就可以自己修改一些参数,来体验这些改动带来的改变。

  首先打开文档树中的 js 文件夹,选择 main.js,定位到第 145 行代码处,这段代码的功能是控制子弹射击速度。

  再次点击工具栏中的「预览」,微信扫描二维码,在手机上体验明显感受到子弹发射更为密集。

  选择文档树中 js 文件夹中的 index.js 文件,定位到第 115 行。

  事实上,当我们改为三发子弹齐发时,只需把飞机停放住,这游戏就能一直进行下去…

  如果你想直接修改「飞机大战」初始分数也十分简单,这里不做详解,大家可以自己研究体验一下。

  刚才我们已经尝试在「微信开发者工具」中,完整地体验新建小游戏项目的方法。但我们都知道,游戏开发是离不开框架的。

  接下来,我们就以白鹭(Egret)引擎为例,讲解如何利用引擎,进行小游戏开发。

  既然是要使用白鹭引擎,那么 Egret Launcher 就是必不可少的了。我们可以到白鹭官方下载最新版本的 Egret Launcher。

  除此之外,如果想要调试小游戏,或是提交小游戏审核,同样需要「微信开发者工具」。

  「发布设置」中已经默认填写了微信「小游戏开发辅助」的 AppID,无需更改,仅用于调试项目。

  点击确定按钮后,弹出提示面板,选择「使用微信开发者工具打开」(注:只有 Egret Launcher 1.0.37 以上版本会显示该选项)。

  安装完成后再点击「使用微信开发者工具打开」,Egret Launcher 便会自动打开微信开发者工具,进入后可以看到白鹭提供的初始化小游戏界面。

  目前的这款预置的小游戏操作性还不高,我们会在未来的小游戏开发教程中,着重讲解使用白鹭引擎开发小游戏的方法。

分享到:
相关阅读
文章评论 · 所有评论
评论请遵守当地法律法规
点击加载更多
© 2016-2018 12小时新闻网 http://www.12hnews.com/ 中国互联网举报中心
违法和不良信息举报:lobtom@163.com