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