百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

贪吃蛇

困难

人数133人在学习该课程,有14人已经完成该课程

时间平均用时3.3

关键词Webcanvas动画贪吃蛇

课程概述

作业提交截止时间:04-24

任务描述

欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会

这是一个怀旧的任务。没有贪吃蛇的童年,是不完整的。好吧,现在用html来实现一个Snake Online
小图

  • 首先,我们需要一个空的颗粒化地图
  • 所谓颗粒化地图,就是规定了蛇每次移动的距离和方向余度。
  • 蛇每次移动一个格子,方向只能是前、左、右。
  • 用户通过键盘上的上下左右键操作游戏,也可以用asdw
  • 玩家敲击空格后,游戏暂停,暂停时,屏幕上给出一个图案,遮挡住整个地图
  • 第二,玩法选择
  • 第一种是普通模式。蛇越来越长,过一段时间增加一次移动速度。蛇占满了屏幕算胜,撞墙壁或撞自己算负
  • 第二种是过关模式。在每一关中,蛇的移动速度是不变的,但随着关数的积累,移动速度越来越大。当蛇达到一定长度后,即为过关,进入下一关。
  • 第三种是躲避模式。每一关都有不同的地图,即蛇不在空屋子里跑。达到一定长度后过关。每一关的速度初始值都是一样的,慢慢加快。撞死了就算不过关。
  • 最后,请注意程序运行的效率
  • 尽量避免程序出现卡顿的现象
  • 玩法三最好有较大的地图
    大图

任务注意事项

  • 请提交工程在github的托管地址
  • 请尽量使用JS原生API开发,允许使用jQuery等简单框架
  • 请合理组织代码结构,添加必要的注释
  • 工程以index.html启动,第三方库放在dep文件夹中,项目代码放在src文件夹中
  • 如工程需要构建或特殊启动流程,请在readme.md中提供
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记
标题发布时间浏览量点赞量
写贪吃蛇的过程中遇到的几个问题2017-03-06 11:4831287
点击查看更多课程优秀笔记