这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。
首先我用到了2个插件，第一个插件就是flexible.js,这个插件就是对不同设备设置根元素字体大小，也就是一个移动端的适配方案。
因为这里使用了rem布局，针对移动端做了自适应，所以这里选择采用rem布局方案。
还有一个弹框插件，我很早自行实现的，就是popbox.js,关于这个插件，本文不打算讲解实现原理，只讲解一下使用原理:
引入了这个js之后，会在window对象上绑定一个ewConfirm方法，这个方法传入一个自定义对象，对象的属性有title,content,sureText,cancelText,cancel,sure,isClickModal这几个属性，当然这里没有用到cancel按钮，所以不细讲。
正如注释所说，每个属性代表的意思，这里不做赘述。 其实这里也很好理解,也就是同样的创建块元素，这里根据index > len来确定是添加到右边素材容器元素还是左边素材元素,并且它们的top偏移量应该是一致的，主要不同在left和right而已，计算方式也很简单。
注意这里是不需要设置x,y,z属性的，因为不需要用到设置阴影的函数。
到此为止，我们一个《羊了个羊——动物版》的小游戏就完成了。
