如何用JavaScript编写类似‘羊了个羊’的小游戏？

本文共计4562个文字，预计阅读时间需要19分钟。

目录+引言+rem布局方案+popbox.js使用原理+HTML代码+样式代码+JavaScript代码+导入图片素材列表+startHandler函数实现+randomList+工具方法+clickHandler函数内部+createShadow方法+startHandler后续逻辑+引言

目录

• 引言
• rem布局方案
• popbox.js使用原理
• html代码
• 样式代码
• javascript代码
• 导入图片素材列表
• startHandler函数实现
• randomList 工具方法
• clickHandler函数内部
• createShadow方法
• startHandler后续的逻辑

引言

这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。

首先我用到了2个插件，第一个插件就是flexible.js,这个插件就是对不同设备设置根元素字体大小，也就是一个移动端的适配方案。

因为这里使用了rem布局，针对移动端做了自适应，所以这里选择采用rem布局方案。