0.拉开帏幕

午休时间到！吃了感冒药，上床，闭眼，准备舒舒服服睡一觉。

“嘟噜噜嘟噜噜”手机响了。

“喂？”

“胡婷，下午我们举行一个活动，是。。。。。。。你要参加么？”

是实验室负责人小慧的电话，活动？具体没听懂，不过反正下午没课估计就两个小时的事吧。

“好的，我参加”

“哦，行，记住是两点半”

“好的”。

继续睡觉，不过感冒鼻子不通，蓝瘦，香菇。

闹钟响起，哼哼，不想起床，是不是可以不去啊，呜呜。

"嘟噜噜嘟噜噜"

“喂，你怎么还没有来？”

啊哈？不是2.30么？

“感冒不是你迟到的借口”

不挂她电话，不生气不生气。嗯嗯。微笑。

“哦，我知道了”

2.26到实验室，一切准备就绪。

1.需求确认

一脸蒙逼。到场的一共是9位同学，算上总理，一共十个人。小慧是主持人，让我们四个人一组做好。好吧，好像已经是分好组的我坐错位置了。

做好后，总理给了我们一个链接，打开试玩里面的游戏。

游戏demo

游戏地址

额，不会是让写这个游戏吧，看着有动态，还有随机事件不容易，难道是分析这个demo的代码？套路肯定没这么简单，那是要干吗？

玩了一会游戏，老师让我们自己选组长，杨帆同学在全票的支持下成为了我们的组长，不过我还是一脸蒙逼不知道要干吗，难道是感冒让我反应变迟钝了？不至于吧，让我静观其变，以不变应万变。

“接下来是提问环节，桌子上有便利贴，你们可以问自己，问组长，问老师”总理娓娓道来。

一脸蒙逼，当然要抓住这个环节了，看样子是让我们分队写代码了。

问老师“这次活动大概要多长时间？”毕竟一脸蒙逼，没有什么心里准备。

问组长“组里是怎么分工”结队？还是各自分工？还是自己写自己的？

问自己？不不不，我没有什么想问自己的。

解答环节

在总理的解说下我明白了，是小组分工结队写代码，目标就是玩的那个太空飞船的游戏，至于时间初步估计是到晚上8点，具体时间不确定。

2.功能探索

小组探索功能：不停的玩游戏，这次玩可不仅是把它当成游戏了，要试验它的各种边界事件，飞船到了最左边最右边以及上下边界是是什么反应，如何碰上了太空碎片整个页面是什么反应，等等。

画出原型图以及事件列表：组内成员先是自己自己画出自己理解的原型图再讨论确定小组的原型图以及事件列表。
组件图和数据结构：这个也是组内成员先自己完成然后小组讨论确定。

3.任务分解

拆分任务：小组讨论把大的任务分为小的任务。

做成故事卡：把每个小的任务做成一个故事卡

填充看板：把故事卡填到看板上面。

任务分解

4.功能实现

概念学习：针对今天要用到的技术先小组合作进行学习，总理给我们按组建立了石墨看板

概念学习

看板页面

组内看板地址

DEMO预演：总理在旁边指点我们自己完成任务，下面的demo列表是我们组的实现过程

1.怎样画出指定高度和宽度的方块

(已添加背景)

https://jsbin.excellence-girls.org/buk/1/edit?html,css,js,output

2.生成一个方块

https://jsbin.excellence-girls.org/kij/1/edit?html,css,js,output

2.1如何在画布上同时画两个方块

https://jsbin.excellence-girls.org/fas/1/edit?html,css,js,output

https://jsbin.excellence-girls.org/wum/1/edit?html,css,js,output

3.生成一个指定颜色的方块

https://jsbin.excellence-girls.org/gik/1/edit?html,css,js,output

4.生成随机数(豆清胡婷婷)

https://jsbin.excellence-girls.org/kiz/1/edit?html,css,js,output

5.从屏幕顶端随机生成碎片(豆清胡婷婷)

https://jsbin.excellence-girls.org/paf /1/edit?html,css,js,output

6.碎片从上到下匀速移动

https://jsbin.excellence-girls.org/kot/1/edit?html,css,js,output

7.如何捕获键盘事件(豆清胡婷婷)

https://jsbin.excellence-girls.org/xur/edit?html,css,js,output

8.如何捕获上下左右键盘事件

https://jsbin.excellence-girls.org/xur/edit?html,css,js,output

9.按上下左右方块移动

https://jsbin.excellence-girls.org/peja/1/edit?html,js,output

10.按上下左右到达边界事件

https://jsbin.excellence-girls.org/met/1/edit?html,js,output

11.如何判断碰撞

https://jsbin.excellence-girls.org/jaf/1/edit?html,css,js,output

12.页面静止

解答的总理

业务逻辑实现：运用实现demo学到的知识，完成整个任务。

逻辑实现阶段

showcase：

成品演示

我们组顺利完成

5.合影结束

最后在下午7.30的时候，我们都完成了任务，很开心，原来做一个小游戏没有想象的那么难。

圆满结束

吃瓜群众的一天

吃瓜群众的一天

0.拉开帏幕

1.需求确认

2.功能探索

小组探索功能：不停的玩游戏，这次玩可不仅是把它当成游戏了，要试验它的各种边界事件，飞船到了最左边最右边以及上下边界是是什么反应，如何碰上了太空碎片整个页面是什么反应，等等。

画出原型图以及事件列表：组内成员先是自己自己画出自己理解的原型图再讨论确定小组的原型图以及事件列表。
组件图和数据结构：这个也是组内成员先自己完成然后小组讨论确定。

3.任务分解

4.功能实现

5.合影结束

总结：吃过群众蒙逼的一天但也是幸运的一天，很激动可以参加这次活动，学到了很多，但感触也是很多，经过这一天的学习我觉得以后完成一个小游戏只有肯努力就可以完成。

推荐阅读更多精彩内容

吃瓜群众的一天

0.拉开帏幕

1.需求确认

2.功能探索

小组探索功能：不停的玩游戏，这次玩可不仅是把它当成游戏了，要试验它的各种边界事件，飞船到了最左边最右边以及上下边界是是什么反应，如何碰上了太空碎片整个页面是什么反应，等等。

画出原型图以及事件列表：组内成员先是自己自己画出自己理解的原型图再讨论确定小组的原型图以及事件列表。组件图和数据结构：这个也是组内成员先自己完成然后小组讨论确定。

3.任务分解

4.功能实现

5.合影结束

总结：吃过群众蒙逼的一天但也是幸运的一天，很激动可以参加这次活动，学到了很多，但感触也是很多，经过这一天的学习我觉得以后完成一个小游戏只有肯努力就可以完成。

推荐阅读更多精彩内容

画出原型图以及事件列表：组内成员先是自己自己画出自己理解的原型图再讨论确定小组的原型图以及事件列表。
组件图和数据结构：这个也是组内成员先自己完成然后小组讨论确定。