H5小游戏调研

公司要开始做小程序用于替换目前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小游戏调研)