简易版羊了个羊JS

花费了半天左右的时间用jQuery制作出web版本
实际难度中下吧，算法不算多

手机端展示：

实现了基本功能点，懒得美化
js差不多两百行，核心功能差不多一百多行吧

难点

无法盖住并添加阴影效果

解决

用z-index和碰撞算法

注意

碰撞算法可以在本身宽高基础上减小，好处就是可以更真是一点
z-index建议就是越来越往上

并且最重要的一点就是先升序z-index，在进行碰撞等进行判断

middle.sort(function (a, b) {
    return a.z-b.z;
})

消除

解决

算出重复值，消掉等于3，差不多每次点击都调用一遍

// 返回重复值:counts([1,2,3,2,1],1)  ==>  2
let counts = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);

代码

Gitee代码

在线游玩