每天一点小练习:JS飞机大战小游戏
这是一群和你们一样热爱前端的小伙伴,他们正在学习中。

课程进度方面,JS 学了快 2 个月了,从最初的基础语法、元素获取、判断循环、字符串数组……到今天的 DOM\BOM\EVENT,这期间跟着课程顺序做了许多小练习,用来巩固那些基础知识和编程思路神马的。

今天又迎来一个新任务,全班要求 4~5 人一组,以组队 PK 的形式,开发一些案例,并且进行现场展示,要求尽可能做一些有特色的东西,尽量把所学的知识体现出来,然后和其他组进行评比。

于是他们组绞尽脑汁,评估了各种技术实施难度过后,做了这个飞机大战游戏,虽然仍不成熟,但学到 JS 中级阶段,这已经尽了他们最大的努力了,敬请诸位看官轻拍砖。。。

涉及知识点

运动封装函数 元素有轨迹的进行移动 碰撞检测 键盘事件 定时器的熟练运用 对大量数据的梳理 页面跳转hash值的运用 音乐的添加

小组成员

  • 组长:黄少雄
  • 组员:赖晴、冉启阳、谢东乾

项目分工

A. 赖晴 - 游戏音乐添加
   背景音乐 
   子弹发射声音飞机爆炸声音等游戏音效
   按键音效

B. 冉启阳 - 游戏主体开发
   主飞机移动、发射子弹、击中敌机,被击中爆炸等效果
   敌对飞机的移动,发射子弹,击中爆炸
   道具的移动,主机获取后子弹和机身的变化

C. 黄少雄 - 游戏开始,选择,结束界面制作
   游戏开始界面的动态变化和按钮跳转等
   游戏模式界面的战机选择、人物介绍、背景选择等效果
   游戏结束界面的分数总结、按钮跳转等效果

D. 谢东乾 - 游戏选择界面的动态效果、数据梳理
   游戏选择界面的战机演示效果
   JS各种数据的梳理

项目难关与攻克

  • 第一个难关就是刚开始的任务分配,因为没有经历这样的小组合作,加上项目本身是游戏,所以分工比较头疼,不知道该怎么分工最后才能整合起来。后来发现,我们并没有去实际的玩一款同类型的飞机大战的游戏,所以就不知道我们应该做些什么,在实际玩过之后,就明确了我们应该做些什么。

  • 实际编写过程中其实最大的难题就是数据的梳理和运用,该怎么分类,用JSON还是用数组,由于数据量太大,在这上面花的功夫最多,再就是敌对飞机有轨迹的进行移动,这个通过百度找到了解决办法。而在其他方面其实就是要仔细,细心点去做,往往出现的一些问题都是没有注意的小问题。


>>点击访问飞机大战游戏


这些作品,都是讲师们要求他们必须独立策划、设计、制作完成。在这个过程中,学员们只能通过之前的知识储备来完成项目,正如正式工作中那样:拿到项目需求、只能竭尽全力去完成,最终以结果论成败,中间所谓艰辛的过程则被忽略不计。

我们深知:授人以鱼不如授人以渔,与其让讲师们手把手告诉大家怎么完成一件作品,还不如自己摸索创造,就算做出来的东西有各种缺陷又怎样?能见证自身成长即可。

不知道其他朋友在学习的时候,如果你们想体现 JS 中级基础的这些知识点,会做什么样的案例、才能较为全面的把这些知识用起来呢?不妨说说你们的想法?


JS 中级阶段课程阶段示意图:

>>JS课程大纲详情


课程咨询:

  • 咨询QQ:2852509866、2852509867、2852509868
  • 电话:010-57269690

打开微信扫描二维码,关注妙味课堂最新动态:

妙味网友
请登录后留言,请登录注册