微信小游戏使用three.js开发总结2023.9.12

剑胆0400

已于 2023-09-13 11:23:37 修改

阅读量501

点赞数 1

文章标签：微信 javascript 开发语言游戏

于 2023-09-12 21:32:11 首次发布

本文链接：https://blog.csdn.net/a18310383196/article/details/132839591

版权

微信小程序开发总结

1技术选择

我这里使用的是three.js 进行的开发，目前开发了《酒馆卡牌》《3D决对》两款微信小游戏。
其中《酒馆卡牌》模仿的是iphone 美区的游戏，注重看在游戏没有复杂的战斗，在没有服务器的情况下依旧可以运行。由于本人出生java开发。对美术效果，和设计比较粗糙，所以选择了和别人合作。找到了大学设计院的同学帮忙出了ui设计，美术设计，也包括对整个产品的悲剧的构思。但是后来由于小程序申请的时候名称就叫《酒馆卡牌》，对于设计同学施青春的《墓道探险》名称并未进行实际在游戏中展示。微信小程序对于游戏内容，游戏logo，游戏名称有一定的要求。如果三者不能和实际显示的内容不一致，审核不会进行通过。所以这三点需要注意。另外，微信小游戏logo最后具有游戏名称，并且在加载显示的第一页进行游戏名称的显示，会大大提高游戏审核通过的概率。以下是《酒馆卡牌》入口也可以微信搜索微信小游戏《酒馆卡牌》进行试玩。

2 three.js开发的另一款游戏《3D决对》

《3D决对》原名《决对》。来源于b站好胃口的推荐，在《酒馆卡牌》开发结束后技术达到了限制。同时也感觉到开发一款游戏要需要的达到的体量，比开发一款管理系统，或者网站需要的内容更为丰富。比如开发网站需要的动画量可能是1，开发游戏需要的动画量就是10。并且游戏开发还需要配音。在b站看了好胃口众多游戏的推荐后，最后选中了这款类似西部牛仔对决的游戏。
原游戏链接
原因：画面少，逻辑在技术范围内，没有复杂的后端，后期可拓展性比较强。
同样在开发的过程中使用的three.js 进行了开发。同时观看和借鉴了一位法国的开发者Bruno Simom
很多内容都受益匪浅，在这里表示感谢。谢谢。
刚开始的游戏页面
暗牌开始游戏
明牌开始游戏
后期从视频中学到通过blender 模型可以加载场景。所以对blender 进行学习。改进后的使用blender建模后的《3D决对》画面

对于在微信小游戏开发中使用three.js的一些技术难点

1.首先微信小游戏属于5H游戏，加载的canvas进行开发。微信在5h的基础上进行了包装。并且微信小游戏是2017年12月28号上线，对于h5兼容 webRender 1 而three.js 在r119版本后更到了 webRender 2，所以在three.js 推荐使用r118之前的版本。
2.其中也是使用了 ts进行微信小程序和three.js的兼容
使用下来感觉比较繁重。2对ts不太熟悉。所以我这里并未对git的这个版本进行继续开发。