JS写灰太狼后续

写一个狼动起来的函数,先定义两个数组来存储灰太狼和小灰灰的图片,再定义一个数组来保存狼可能出现的位置,即图中九个洞的位置

声明一个变量来存储图片,写一个0-8的随机数,用来随机获取图片的位置。再给图片设置定位

图片左边的值等于前面定义的数组中left的值,上面的值等于数组中top的值

写一个0-1的随机数来随机两个数组,来获取图片的类型(看是灰太狼还是小灰灰)

如果是0就输出灰太狼,是1就输出小灰灰

设置图片的下标限定为第一张到第六张

写一个定时器,处理灰太狼和小灰灰的冒出动画,把图片的类型和索引赋值给img,并且递增。如果图片的开始下标大于结束下标就删除图片并且清除定时器,再调用停止灰太狼和小灰灰的动画方法

将图片添加到界面

写一个加分减分的函数,先获取wolfImage元素,再写一个点击事件,重新编写图片的下标

拿到当前点击图片的地址,并且判断图片地址是否为灰太狼

根据点击图片类型加减分,点击灰太狼加10分,点击小灰灰减10分,但是加完分之后要给wolf.wolfimage=null,.是为了避免重复点击重复加分

 最后写停止冒出灰太狼和小灰灰的动画

 

 

运行结果如下:

 

 

 今天到这里就结束了哦!!!!!

 

 

 

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值