美文网首页
H5小游戏调研

H5小游戏调研

作者: 高大强19 | 来源:发表于2020-03-18 01:06 被阅读0次

    公司要开始做小程序用于替换目前APP中的签到小功能。先期调研一下,评估各个方案,定开发方向。

    分析:

    1.使用源代码:

    优点: 前期不需要开发

    缺点: 使用前需要甄别, 之后维护有难度, 先要读懂源码.

    2.使用游戏框架

    优点: 可以自定义, 自主性强, 维护较容易.

    缺点: 有一定的开发周期, 花费更多的人力.

    3.自主用js + canvas游戏框架开发

    优点: 自主性强

    缺点: 更加耗费人力和时间.

    结论:

    在方案 1 2 中选择. 个人倾向选择2 使用游戏框架.迭代开发.

    Hilo 是阿里的开源游戏框架

    优点:中文文档,上手简单。

    缺点:需要一定的开发经验。

    phaser 是较优秀的游戏框架,

    优点: 还在更新维护,

    缺点: 国外的开源框架, 有一定的学习成本.

    经讨论,最终确定用Hilo游戏框架。下面是调研资料:

    1: 使用源代码

    https://www.jb51.net/codes/wx.html

    疯狂吃月饼小程序游戏源码(微信小程序游戏源码 :{)

    CSDN 上有很多源码, 下载大部分是要积分,花钱, 鱼龙混杂,

    需要甄别, 维护有难度, 先要读懂源码.

    https://download.csdn.net/download/u010078400/10862073

    https://download.csdn.net/download/qq_38336832/10463602

    蚂蚁开源( http://www.zzfriend.com/xiazai/youxi/xiuxian/) 不能自定义?

    源码社区: (https://www.cxnd.com/) 需要注册,开通vip, 乱七八糟的各种源码

    http://www.52h5.com/forum.php  花费金币 , 质量较好,

    need-to-insert-img

    2: 使用开源框架

    h5 游戏 游戏框架 Phaser (https://www.techug.com/post/html5-phaser.html)

    开源框架地址:https://github.com/photonstorm/phaser

    官方例子: https://github.com/photonstorm/phaser3-examples

    网友例子: https://github.com/gavinanderegg/coffeeQuest

    need-to-insert-img

    网友例子:https://note.youdao.com/ynoteshare1/index.html?id=aea0154d0eb1ae9d7c80b8dfd9552f57&type=note

    阿里开源HTML5小游戏开发框架Hilo(https://juejin.im/post/5caf29c5e51d456e3f2fb6dc)

    官网:http://hiloteam.github.io/index.html

    官方演示:http://hiloteam.github.io/examples/index.html

    1)mpvue美团点评开源的一个使用 Vue.js 开发小程序的前端框架。

    官网 :http://mpvue.com/

    2)Tina.js 一款轻巧的渐进式微信小程序框架。

    开源框架地址:https://github.com/tinajs/tina

    美团点评开源的一个使用 Vue.js 开发小程序的前端框架

    Github:https://github.com/Meituan-Dianping/mpvue

    3)WePY 是一款让小程序支持组件化开发的框架

    官网:http://mpvue.com/

    https://wepyjs.github.io/wepy-docs/

    4)Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。

    使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。

    官网:http://taro.aotu.io/

    GitHub: http://github.com/nervjs/taro

    5)weweb 是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写 web 应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。

    GitHub:https://github.com/wdfe/weweb

    6)Touch WX 是一套完全免费的微信小程序开发框

    GitHub:https://github.com/uileader/touchwx  (代码2年前的,无更新)

    官网:https://www.wetouch.net/wx.html

    3:自己开发:

    用 canvas 游戏框架

    25 个超棒的 HTML5 & JavaScript 游戏引擎开发库(https://www.runoob.com/w3cnote/25-best-game-engine-libraries-for-developers.html)

    参考:

    游戏开发相关:

    https://zhuanlan.zhihu.com/p/32392153

    canvas教程 (https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial)

    https://www.cnblogs.com/fuqiang88/p/5577642.html

    相关文章

      网友评论

          本文标题:H5小游戏调研

          本文链接:https://www.haomeiwen.com/subject/mgufyhtx.html