# 仿羊了个羊web网页版h5源码

**Repository Path**: fuyc/sheep

## Basic Information

- **Project Name**: 仿羊了个羊web网页版h5源码
- **Description**: 仿羊了个羊web网页版h5源码
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2023-08-15
- **Last Updated**: 2023-08-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

​


大家好呀！

这几天，“羊了个羊”真的火爆全网，连续好几天了，热度仍然不减。我也不太懂这种游戏有什么好玩的，但是看到微信群里不断发来的链接，我也忍不住玩了一会。可惜呀！实在是过不了呀。正好小组内的技术分享轮到我了，我决定把这个游戏仿写出来在公司内讲讲。
游戏的大致思路是：定义一个全局的货物列表goodList，然后使用轮询的方式，不断绘制goodList，goodList里面包含层次信息，坐标位置，可以精准的绘制每一层的货物。初次之外，开始全局监听canvas的点击事件，每次点击事件发生时，会拿到点击的坐标位置，然后到goodsList里面进行比对，判断是点击了哪一层的哪一个货物，然后返回对应的坐标位置 [i,j] ，之后通过坐标位置，将货物从goodList里面取出，放到货架上，然后执行“三消”程序。
这里所谓的“三消”，其实是一个算法，算法的大致内容是，取出一个列表内3个相同数字的坐标。拿到坐标之后，会从货架上删除。

以上是原作者的写的，下面我的内容：
自己搭建的演示地址：http://www.zhishi3302.tk/sheep/

个人博客：
https://www.fang1688.cn/

https://wp.fang1688.cn/

公众号：优派编程

q群：加QQ群1(891029429) 请博主或其他小伙伴技术支持