《羊了个羊》第二关我过不去，那我自己写个《狗了个狗》玩可以把？

前言

今年一款叫《羊了个羊》的微信小游戏爆火朋友圈，成为了很多打工人上班摸鱼的一把好手，我当然也不例外哈哈哈，于是我忍不住好奇心的折磨，也点开试玩了一盘，没想到就此落入了深渊，第一关结束后，我寻思，这游戏TM这么简单不是有手就行？于是紧接着第二关就措不及防的给了我几个耳光（爆粗口是吧、觉得简单是吧），在玩了几盘之后，我怒火中夹杂着不服，于是我决定，既然你不让我过，那我自己使用原生js复刻一个《狗了个狗》自己玩可以把？

• 说干就干，于是，在我一上午不懈努力的写代码,修复BUG，终于，项目....塌方了....
• 所以在这里友情提醒大家，写东西前一定要捋清楚思路，提前规划好设计方案，不然盲目开发，开发的过程中拆东墙补西墙，不仅浪费时间，还浪费时间，更浪费时间 （重要的事情说三遍
• 于是我又重新规划了设计方案，终于皇天不负有心人，我成功了！ （感谢CCTV1，感谢CCTV2....）

话不多说，直接上最终的效果

请根据以下项目来看本文的内容，实例代码中，部分代码可能不全
项目Gitee 已开源

工具方法 全局使用的

/*
 @utils methdos 方法
*/
// 设置样式
function setStyle(d, styleObject) {
  for (const key in styleObject) {
    d["style"][key] = styleObject[key];
  }
  d["style"]["transition"] = ".225s";
}

// 生成随机的坐标
function randomPosition(min, max) {
  return randomKey(min, max);
}

// 生成随机的数字 (min,max)
function randomKey(min, max) {
  return parseInt(Math.random() * (max - min + 1) + min);
}

// 打乱数组
function randomSort(a, b) {
  return Math.random() > 0.5 ? -1 : 1;
}

《狗了个狗》开发准备

• 素材： 7张素材