公司要開始做小程序用于替換目前APP中的簽到小功能。先期調(diào)研一下久免，評估各個方案鳖藕，定開發(fā)方向宾尚。
分析:
1.使用源代碼:
優(yōu)點: 前期不需要開發(fā)
缺點: 使用前需要甄別, 之后維護有難度, 先要讀懂源碼.
2.使用游戲框架
優(yōu)點: 可以自定義, 自主性強, 維護較容易.
缺點: 有一定的開發(fā)周期, 花費更多的人力.
3.自主用js + canvas游戲框架開發(fā)
優(yōu)點: 自主性強
缺點: 更加耗費人力和時間.
結(jié)論:
在方案 1 2 中選擇. 個人傾向選擇2 使用游戲框架.迭代開發(fā).
Hilo 是阿里的開源游戲框架
優(yōu)點：中文文檔懦傍，上手簡單雹舀。
缺點：需要一定的開發(fā)經(jīng)驗。
phaser 是較優(yōu)秀的游戲框架,
優(yōu)點: 還在更新維護,
缺點: 國外的開源框架, 有一定的學(xué)習(xí)成本.
經(jīng)討論粗俱，最終確定用Hilo游戲框架说榆。下面是調(diào)研資料：
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/) 不能自定義?
源碼社區(qū): (https://www.cxnd.com/) 需要注冊,開通vip, 亂七八糟的各種源碼
http://www.52h5.com/forum.php? 花費金幣 , 質(zhì)量較好,
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
網(wǎng)友例子: https://github.com/gavinanderegg/coffeeQuest
need-to-insert-img
網(wǎng)友例子:https://note.youdao.com/ynoteshare1/index.html?id=aea0154d0eb1ae9d7c80b8dfd9552f57&type=note
阿里開源HTML5小游戲開發(fā)框架Hilo(https://juejin.im/post/5caf29c5e51d456e3f2fb6dc)
官網(wǎng)：http://hiloteam.github.io/index.html
官方演示：http://hiloteam.github.io/examples/index.html
1)mpvue美團點評開源的一個使用 Vue.js 開發(fā)小程序的前端框架。
官網(wǎng) :http://mpvue.com/
2)Tina.js 一款輕巧的漸進式微信小程序框架寸认。
開源框架地址：https://github.com/tinajs/tina
美團點評開源的一個使用 Vue.js 開發(fā)小程序的前端框架
Github：https://github.com/Meituan-Dianping/mpvue
3)WePY 是一款讓小程序支持組件化開發(fā)的框架
官網(wǎng)：http://mpvue.com/
https://wepyjs.github.io/wepy-docs/
4)Taro 是由京東 - 凹凸實驗室打造的一套遵循 React 語法規(guī)范的多端統(tǒng)一開發(fā)框架签财。
使用 Taro，我們可以只書寫一套代碼偏塞，再通過 Taro 的編譯工具唱蒸，將源代碼分別編譯出可以在不同端（微信小程序、H5灸叼、App 端等）運行的代碼油宜。同時 Taro 還提供開箱即用的語法檢測和自動補全等功能，有效地提升了開發(fā)體驗和開發(fā)效率怜姿。
官網(wǎng)：http://taro.aotu.io/
GitHub:?http://github.com/nervjs/taro
5)weweb 是一個兼容小程序語法的前端框架慎冤，你可以用小程序的寫法，來寫 web 應(yīng)用沧卢。如果你已經(jīng)有小程序了蚁堤，通過它你可以將你的小程序運行在瀏覽器中。
GitHub：https://github.com/wdfe/weweb
6)Touch WX 是一套完全免費的微信小程序開發(fā)框
GitHub：https://github.com/uileader/touchwx? (代碼2年前的,無更新)
官網(wǎng)：https://www.wetouch.net/wx.html
3:自己開發(fā):
用 canvas 游戲框架
25 個超棒的 HTML5 & JavaScript 游戲引擎開發(fā)庫(https://www.runoob.com/w3cnote/25-best-game-engine-libraries-for-developers.html)
參考:
游戲開發(fā)相關(guān):
https://zhuanlan.zhihu.com/p/32392153
canvas教程 (https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial)
