其他

有设计感的大鱼吃小鱼 | 编程show

2017-12-22 青青莲子 青青莲子

在上周的学习中,大家详细地进行了以“大鱼吃小鱼”为基础,分别从自定义积木、克隆体、控制按钮、积分等方面进行了进阶的训练。今天,我们就从界面设计的角度,来看看孩子们的优秀作品吧~


yxx 作品

大鱼吃小鱼


https://v.qq.com/txp/iframe/player.html?vid=k13309gtdav&width=500&height=375&auto=0

编程的学习,不是仿照积木的搭建,而重在理解程序实现的内在逻辑。逻辑清晰,就可以轻松地进行程序的优化,加入丰富的功能。


在这个作品中,每当大鱼吃掉小鱼,积分就会增加1,当积分超过10分,游戏结束,分别弹出“game over”和“start again”的按钮,点击“start again”,就可以从头再玩游戏。


yxx同学理解了“开始”、“结束、“重启”等游戏进程控制的原理,在课堂演示的游戏开始画面的基础上,用自己的方式,做出了“游戏结束”和“重新开始”的画面,使得游戏可以循环地玩下去。


作品综合性地运用了变量、收发消息、多角色、克隆体等,并且使用了自定义积木,封装相同的功能模块,大大地简化了程序的积木数量,是同学们优化程序的一个很好的学习典范!


Oliverdd 作品

大鱼吃小鱼


https://v.qq.com/txp/iframe/player.html?vid=d1330ansb24&width=500&height=375&auto=0
Oliverdd同学在上周作品的基础上,进行了进一步的优化。进入游戏,首先看到的,是屏幕左侧两条橙色的积分条。每当我们控制的鱼吃掉一条小鱼,左上方的积分就会增加1分。每当进入下一关,游戏就会弹出“click to start”的按钮,点击,游戏就会重新开始。这时我们发现左下角的积分增加了,增加了的,就是我们在上一关的得分。原来,这个积分是云变量,记录着我们从玩这个游戏开始,所有吃掉的鱼的数量。


和上周的作品一样,每当吃掉一条小鱼,我们的鱼就会变大,当变得比鲨鱼大时,碰到鲨鱼,游戏进入下一关;如果比鲨鱼小,碰到鲨鱼,游戏会不幸地结束。更进一步地,每当鲨鱼碰到一条小鱼,小鱼也会被吃掉,鲨鱼同时也会变大。于是我们要努力地比鲨鱼“进食”更多,变得更“胖”。


我们还会发现,屏幕上不时有上升的气泡,使得游戏画面更像海底的世界。碰到气泡,我们的鱼同样会变大一些。游戏中还有两个很有意思的角色:碰到墨鱼,屏幕会完全变黑2秒;碰到橙色的鱼,我们的鱼会被“冻在”原地2秒,不能移动。


本作品中,增加了丰富的角色,既有控制游戏进程的,也有参与实时互动的。每一个角色,都有其独特的功能,游戏也因此非常地丰富,游戏过程非常顺畅,可玩性很高!


舒子未 作品

大鱼吃小鱼


https://v.qq.com/txp/iframe/player.html?vid=k13301xybh5&width=500&height=375&auto=0
初玩舒子未同学的作品,会觉得上手有些困难。一般的大鱼吃小鱼游戏,鱼都是跟随着鼠标运动,但在这个游戏中,鱼却是绕着鼠标转圈!但这也正是孩子们充满想象力和创造力的地方:谁说一定要跟随鼠标运动啦!慢慢玩下去,很快就会熟悉这种操控方式。游戏提升了一定的难度,也别有一番趣味。


慢慢玩下去,会发现屏幕上共有三种鱼,其中紫色的鱼,有两种大小。吃掉不同大小的鱼,积分分别增加1~4分,鱼越小,得分越高。我们控制的鲨鱼,也会随着吃掉的鱼的数量增加而逐渐变大。


游戏最有意思的是两个结束画面:当我们的积分大于100时,我们就会通关,背景切换为非常有趣的“66666”;如果我们一段时间内,没有吃掉足够的鱼,积分会随着游戏进行时间而一点点减少,当积分小于-10后,游戏失败,背景变成醒目的红色,出现一个“鬼魂”,提示我们“game over!”。


游戏,不仅需要编程思维,同时也需要逻辑、视觉、音效等的综合设计。舒子未同学的作品,充分体现了孩子特有的风趣和创造力,游戏玩法丰富,设计别具一格!





想了解更多细节,或者您在Scratch编程中,遇到哪些疑问,可以添加莲子助教var的微信(ID:qqlz16),或识别下方二维码添加。



零基础Scratch趣味编程

美国加州州立大学计算机系主任 李明

趣味编程,训练计算思维,

理解一日千里的世界变革,从简单代码开始!


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存