自“跳一跳”在微信上线以来，陌陌小游戏迅速火爆。 为了跟上这股潮流，相信很多开发者都想了解Momo小游戏是如何开发的。 接下来我就从技术角度讲一下陌陌小游戏是如何开发的。
附：本文适合有开发经验的人阅读。 如何创建陌陌小游戏账号以及使用陌陌小游戏开发工具，我就不详细介绍了。 如果您不明白，可以去陌陌小游戏开发者后台阅读相关文档。
相关技能
抛开表面看本质微信小游戏打人源码，揭开陌陌小程序的外衣，从代码层面看，它的本质就是一些HTML5、CSS3和JavaScript代码。 因此，陌陌小游戏既不是原生游戏（只能在陌陌中运行），也不是完全等同于H5游戏。 它的本质确实是针对H5游戏开发者的。 可以说，小游戏是一款采用HTML5技术打造的、具有原生体验的陌陌游戏产品。
实现双人版的Momo小游戏，比如俄罗斯方块，主要技术是使用jQuery原生JavaScript（实现游戏逻辑）、CSS3（控制游戏画面），并添加一点DOM操作；
比如HTML5版本的传奇世界。 它是基于H5游戏引擎实现的。 其主要技术：JavaScript、H5游戏引擎、浏览器API、网络通信等。
- 开发语言
微信小游戏只支持 JavaScript，所以游戏逻辑相关的开发都是 JavaScript，但也可以使用可编译为 JavaScript 的 TypeScript。
- 游戏库API
主要包括Canvas 2D API和HTML5的WebGL API。 游戏最重要的渲染功能可以使用任何一种API来完成。
- 网络模块
实现网络对战需要有一定的网络编程基础，熟悉网络通信相关合约，同时搭建网络服务器来维持小游戏客户端之间的通信。
游戏开发
一般来说，开发一个小游戏有两种情况。 第一种是采用常规开发方式，不使用游戏渲染引擎或游戏网络引擎，自行实现场景渲染和网络战斗开发。 第二种是使用游戏渲染引擎和游戏网络引擎。
完全自主研发
第一步：制定游戏开发计划，设计游戏UI图片。 游戏开发计划就是确定开发什么样的游戏，达到什么样的效果。 可以使用PS/CAD等相关软件来设计游戏UI画面。
第二步：搭建游戏后端框架 游戏场景画面渲染框架设计。 使用HTML5和CSS3设计游戏场景的框架，并封装UI层处理的socket。 游戏逻辑开发完成后，只需要调用socket来操作UI即可显示效果。
第三步：游戏逻辑处理架构设计与实现。 常用的软件设计模式是MVC模式，即UI、业务逻辑、数据控制全部分离，用JavaScript来实现游戏逻辑控制和游戏数据存储。 设计一套框架，也称为socket的形式，设计一套将UI和游戏逻辑链接在一起的程序。
第四步：搭建游戏在线对战服务器，设计并实现服务器程序框架。 上一步实现了基本的游戏逻辑，但实际上是一个互动游戏。 要实现网络通信，必须为游戏设计服务器通信程序，以实现网络对战功能。 服务器程序开发有多种选择，这里由开发人员决定。
第五步：游戏客户端与服务端联调。 开发一个好的服务模块，保证游戏运行的稳定性和逻辑的正确性，需要一定的时间进行联调。
使用引擎工具
第一步：制定游戏开发计划，设计游戏UI画面微信小游戏打人源码，这里同上。
第二步：使用游戏渲染引擎开发工具开发游戏逻辑。 开发者不需要关心游戏的界面是如何渲染的。 开发者只需要关心游戏实现的逻辑即可。 相应的游戏画面渲染可以直接调用引擎socket来实现画面效果。
第三步：游戏网络联调。
以Matchvs为例，开发者不需要自己搭建服务器、编译服务器网络通信程序，直接调用网络引擎的socket，使用方便。
下面的例子说明：
首先调用注册套接字registerUser获取用户信息。
登录用户：登录请求套接字和loginResponse反弹套接字，用于检查登录是否成功。
加入卧室只需调用JoinRoom套接字，然后就会返回JoinRoomResponse回调。 界面参数会告诉你房间里有谁以及一些卧室信息。 它还包括主动创建卧室、踢人、断开连接和重新连接等功能。 所有套接字的使用方式都相同。
总结
选择什么形式来开发陌陌小游戏，主要是根据自己的情况来决定。 完全独立开发会费时费力。 （如果您对网络通信合约不是很熟悉，则必须订购自己的服务器。）如果您是后端开发的初学者或者想快速上线游戏，建议您使用引擎工具来减少开发时间。 和资本支出。
当然，上述步骤只是一般过程。 如果你有兴趣自行开发或者引擎使用，我稍后有时间再和你详细聊。
