扫码关注官方订阅号
光阴似箭催人老,日月如移越少年。
this.x=Math.floor(Math.random()*map.width/this.width); this.y=Math.floor(Math.random()*map.height/this.width); this._food.style.left=this.x*this.width; this._food.style.top=this.y*this.height;
x、y是坐标,你可以把地图想成若干个20*20的小格子,坐标指定了食物在哪个格子里。后面两句用来将坐标转换为实际的像素位置(坐标×宽度)。坐标的意义在于可以防止食物出现在“奇怪”的位置。
x、y
20*20
for(var i=0;i<this.body.length;i++){
蛇身(包括蛇头)由若干个节组成,数据定义在this.body这个数组中。数组中的每一项就是蛇身上的每一节,其中包括该节的坐标、颜色、以及在地图上显示的p元素。这段代码就是用来显示贪吃蛇的,也就是在地图上把蛇给画出来(创建每个p并设置显示位置)。
this.body
p
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
x、y是坐标,你可以把地图想成若干个20*20的小格子,坐标指定了食物在哪个格子里。后面两句用来将坐标转换为实际的像素位置(坐标×宽度)。
坐标的意义在于可以防止食物出现在“奇怪”的位置。
蛇身(包括蛇头)由若干个节组成,数据定义在
this.body这个数组中。数组中的每一项就是蛇身上的每一节,其中包括该节的坐标、颜色、以及在地图上显示的p元素。这段代码就是用来显示贪吃蛇的,也就是在地图上把蛇给画出来(创建每个
p并设置显示位置)。