效果最接近《羊了个羊》（卡牌堆叠游戏）的开源代码，有数据库和关卡。 我写的程序是指 卡牌堆叠游戏 ，效果与羊了个羊一致。本教程有已有两个版本。

本来是想着Fork多一点的时候再开源的，没有想到一个Fork都没有。

现在是 微信小程序 版本。 我就不在这里吐槽微信小程序的 Canvas 效率低了。 懂得都懂。 这个版本使用

WX 使用 Javascript + PHP + MySql实现。

其他版本请转链接： 效果最接近《羊了个羊》（卡牌堆叠游戏）的开源代码:https://blog.csdn.net/apple_53792700/article/details/127255790 旧的使用： PHP 使用 PHP + H5 + CSS + JS + MySql 实现。 H5 使用 H5 + CSS + JS 实现 。

PHP 与 WX 都是调用接口获取 地图 与 地区排名。而 H5 是写死的文件。 WX 是实时刷新的动态界面 ，刷新频率约为 60次 每秒，也就是 60fps ，而 PHP 与 H5 均为需要动的时候才动，比如点击卡牌时，并无固定刷新频率。 WX 是依赖与 PHP 的，也就是说 如果你需要搭建 WX版本的你就得先搭建好 PHP版本的。 PS：除非你调用我的接口，也就是说你WX的源码动都不动一下。

CandyMieGame_WX（注意获取V0.0.0版本的代码）：  Github: https://github.com/MR-XieXuan/CandyMieGame_WX

逻辑实现是在 PHP 版本里面原封不动的搬过来的，仅改了一下兼容性。

方法 与 变量命名均一致。

配置 PHP后端 部分可以查看下面这篇文章的配置PHP代码部分： 效果最接近《羊了个羊》（卡牌堆叠游戏）的开源代码:https://blog.csdn.net/apple_53792700/article/details/127255790#211_CandyMieGame_PHP_122

使用微信开发者工具导入，导入后需要 修改 js/Servo/servo.js 文件 内的 url: "https://game.mrxie.xyz/" , 把值修改成你配置的 PHP 服务的地址。 配置 域名信息，把合法域名改成你的域名。

大体配置完成。

这里面的对象大致分为四类

主控制器只有一个 Main 整个程序都是由 主控制器 指导运行的。 主控制器会对场景器与控制器进行管理。

创建 主控制器时 会发生： 创建游戏画布并创建 背景音乐控制器*Audio (如果背景音乐已经在缓存中的话会尝试播放背景音乐)。 然后 初始化场景为 LoadPage 场景器 这个场景器会绘制加载的场景。 检查现在缓存中有的资源 把缺少的资源整理成列表。 初始化 下载控制器DownLoad 并且根据列表下载需要资源。 定时调用绘制画布函数 show 刷新频率在 60fps setInterval(this.show.bind(this), 1000 / 60); ；

主控制器有函数： 用来更新数据的函数 updata(); 用来调用场景器绘制画布的函数 show();

调用 show() 函数前会调用一次 updata(); 更新数据。

场景器 主要用于控制 画布的场景绘制，同一时间有且只有一个场景器在运行。 场景器 内一定有函数 ： 用来更新数据的函数 updata() 用来刷新画布的函数 show() 这些函数都只能由 主控制器调用。

每个场景器都有唯一的编号，这个编号由 主控制器 决定 。 有些需要请求资源的场景器那么就需要先跳转到 0号场景 （加载场景）。 并且会有一个成员 pageQuest 用来告诉主控制器跳转另一个场景时需要发送的请求与请求完后真正要跳转的场景。

❄️updata() 函数 这个函数用来获取事件并更新游戏数据。一定有一个返回值，返回值是他想要跳转的场景编号。 如果需要跳转的场景需要请求数据，就跳转到 场景 0 ，并且把请求数据与最终要跳转到场景的编号放入 pageQuest 里 。

❄️ show() 函数 这个函数用来根据数据绘在画布上制出界面场景。

现有的场景器有 3 个 ：

游戏场景内又拥有 3 个 控制器用于游戏控制。

控制器主要用于调用API, 下载资源，游戏控制等。 控制器根据其功能撰写，没有特殊固有的函数。

现有的控制器共有 6 个 ：

其中这两个是游戏逻辑控制器 ：

名称前有*星号的均为 唯一控制器，也就是说整个游戏这个控制器只能被创建一次，哪怕后面你再创建，获取到的控制器也是之前创建出来的。

其他内容均可以在 CandyMieGame_PHP 的教程中找到。 如有其他不了解的地方，均可以私信我或者通过文末提供的方式联系到我。

效果最接近《羊了个羊》（卡牌堆叠游戏）的开源代码:https://blog.csdn.net/apple_53792700/article/details/127255790

CandyMieGame_WX（注意获取V0.0.0版本的代码）：  Github: https://github.com/MR-XieXuan/CandyMieGame_WX MieGame_C_Core 代码链接：   Github：https://github.com/MR-XieXuan/MieGame_C_Core CandyMieGame_PHP（注意获取V0.0.0版本的代码）：  Github: https://github.com/MR-XieXuan/CandyMieGame_PHP CandyMieGame_H5（注意获取V0.0.0版本的代码）：  Github: https://github.com/MR-XieXuan/CandyMieGame_H5

必须了解的数据结构 BitMap 基础 应用 与 C语言实现：https://blog.csdn.net/apple_53792700/article/details/127592565?spm=1001.2014.3001.5502

✍️本文作者为 > 【谢玄.】 Mr-XieXuan < 于 2022/10/11/3:00 发布于 CSDN 。