ITPub博客

首页 > IT职业 > IT生活 > js实现物体随机出现详解

js实现物体随机出现详解

IT生活 作者:jasonhsp 时间:2021-09-09 09:59:23 0 删除 编辑

按F5或者刷新,苹果会在大盒子里随机出现,此功能可以延伸实现贪吃蛇

  • 初始化函数,里面是初始化的值

  • 创建食物函数
    1、因为是随机的,使用Math.random()
    2、随机函数的区间是0-1,所以乘以大盒子的每一单位 mapW/20
    3、利用绝对定位,给他赋值left和top
    4、left和top就是坐标(x,y)乘以自身宽高(20)

  • 最后将食物插入到大盒子里面

html>
    
    



作者:jia林
链接:https://www.jianshu.com/p/e0574f28b7ba


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/615/viewspace-2814656/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-12

  • 博文量
    342
  • 访问量
    2726