javascript 贪吃蛇
1、创建地图 (10x10,宽度20格子) 2、创造人物(蛇头,设置初始位置,绝对位置【0,0】,开始游戏游戏后方向,速度) 3、创造食物(随机坐标,上一个结束后创建下一个,不能生成在蛇身体位置,可以格子和蛇身加唯一index) 4、移动人物(蛇头,监测键盘keycode 37、38、39、40,相应位置改变) 5、碰撞食物(事件判断,食物加入到蛇头后面,跟随移动,积分增加) 6、游戏结束判断(1、超出边框【可以检测蛇头头部位置或和所有格子碰撞检测】 2、撞击自身) 拓展: 1、控制游戏难度,改变定时器时间,改变speed 2、排行榜,企业应用,游戏结束弹出表单,可以填写信息到排行榜。 < html > < head > < meta charset ="UTF-8" > < title > 贪吃蛇 </ title > < style type ="text/css" > * { margin : 0 ; padding : 0 ; } ul { list-style : none ; } #container { border : 1px solid #ccc ; border-bottom : none ; border-right : none ; position : relative ; } #container > div { float : right ; }