好久没有写东西了,一直在忙工作。最近稍微闲下来了,很巧的是最近有个学计算机的学妹,她们的毕设竟然是做个小程序,她选了做个连连看小游戏,我就帮着做了个简单的。
正好这次用canvas ts 来实现以下极简的连连看
先用矩阵定义布局1代表有图片,0代表空置
连连看主要逻辑:
0折连接
1折连接
2折连接
算法我看过了很多大神写的,借鉴了不少。
引入布局和矩阵类,定义画布和属性定义图片精灵类背景类游戏主体,存放图片二维矩阵绑定鼠标点击事件消除图片,60帧刷新画布最后调用运行运行效果Github地址:
https://github.com/Reborn233/ts-game/blob/master/src/game/link.ts
Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved