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

推箱子

困难

人数33人在学习该课程,有10人已经完成该课程

时间平均用时8.5

关键词Web推箱子性能资源优化

课程概述

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

任务:推箱子

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

任务目的

  • 推箱子是一个经典的益智小游戏,我们希望你用原生dom来实现之

任务描述

  • 首先,要有关卡

    • 整个游戏至少有10个关卡
    • 可以通过下拉框直接跳转到某个关卡进行游戏
  • 第二,游戏玩法

    • 游戏里有箱子、墙、目标点、工人等元素
    • 通过上下左右移动工人
    • 工人将所有箱子移动到目标地点后,给出提示,跳转到下已关
  • 最后,一些要求

    • 请尽量节省静态资源
    • 合理设计数据结构,以存储关卡地图
    • 游戏首先要能玩,无明显bug,其次关卡越多越好。
  • 参考关卡
    参考关卡1
    参考关卡2

    任务注意事项

  • 请提交工程在github的托管地址

  • 请尽量使用JS原生API开发,允许使用jQuery等简单框架
  • 请合理组织代码结构,添加必要的注释
  • 工程以index.html启动,第三方库放在dep文件夹中,项目代码放在src文件夹中
  • 如工程需要构建或特殊启动流程,请在readme.md中提供
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~