捉蝙蝠小游戏编程教程
「角色篇」
可以移动的捕网 /
欢迎!
今天来带大家一起学习编程小游戏「捉蝙蝠」。
想要设计一个游戏,就要有基础的构造,角色、背景、执行代码。背景也可以认为是覆盖整个画布、不会移动的角色。
在「捉蝙蝠」小游戏中,基础角色有两个,蝙蝠和捕网。
蝙蝠的角色可以直接在角色库里找到,而今天的主题,是独立设计一个特别的“捕网”。
第一步
打开scratch,由于角色库里没有捕网,我们需要自己新建一个角色。
![5458c50d691b58b70866e78875b39a4d.png](https://img-blog.csdnimg.cn/img_convert/5458c50d691b58b70866e78875b39a4d.png)
选择画笔图标以绘制角色。
第二步
点击画笔,会出现一个空白角色。
绘制编辑界面如下:
![fd6f78884b56116760bf8282311e28c1.png](https://img-blog.csdnimg.cn/img_convert/fd6f78884b56116760bf8282311e28c1.png)
选中椭圆工具,绘制捕网的轮廓
![fa81ed0dd610f740fe42a49d59b6a80d.png](https://img-blog.csdnimg.cn/img_convert/fa81ed0dd610f740fe42a49d59b6a80d.png)
注意:要将绘制工具的填充模式关闭。关闭状态下的填充模式如下图:
![c5d208ec68ed05c41bb76214637be9b5.png](https://img-blog.csdnimg.cn/img_convert/c5d208ec68ed05c41bb76214637be9b5.png)
选中这个红色的斜线,填充模式就取消了;如果要开启,直接在上面三个颜色模块中更改基础颜色就会自动开启填充。
完成的网的轮廓如下图:
![095c74435ff3eca05ec4efea9a8cca6d.png](https://img-blog.csdnimg.cn/img_convert/095c74435ff3eca05ec4efea9a8cca6d.png)
第三步
选中直线工具,绘制网面。
![e24229803d58387678b2107c5dc38bb3.png](https://img-blog.csdnimg.cn/img_convert/e24229803d58387678b2107c5dc38bb3.png)
完成的网如下图:
![27506c921185c9ca78717c464b026741.png](https://img-blog.csdnimg.cn/img_convert/27506c921185c9ca78717c464b026741.png)
具体的数据和形状可以根据自己的意向更改。
第四步
选中矩形工具,绘制捕网的手柄。
![52c714ed249ff6f419bc3054c210f228.png](https://img-blog.csdnimg.cn/img_convert/52c714ed249ff6f419bc3054c210f228.png)
注意:这里要打开填充工具。
![faafdd200c9fd50e7fe125cd87dae93a.png](https://img-blog.csdnimg.cn/img_convert/faafdd200c9fd50e7fe125cd87dae93a.png)
绘制好的矩形如下:
![3ac51f45bb3fc37e5a705bb6fb5eecb1.png](https://img-blog.csdnimg.cn/img_convert/3ac51f45bb3fc37e5a705bb6fb5eecb1.png)
注意:这里如果画出来是方形,不能更改边长比例。可以绘制好以后再控制正左和正右边的锚点,更改图形的边长。
第五步
将画好的矩形挪动到网面的下方,一个捕网就完成了。
![e5ca279a2bc97ce1a44537eb538ea774.png](https://img-blog.csdnimg.cn/img_convert/e5ca279a2bc97ce1a44537eb538ea774.png)
■■■■
拓展:捕网移动
MORE
捕网是用来捕捉蝙蝠的,需要鼠标时刻控制,现在我们就开始编辑基础的移动代码。
选中「事件」模块,将:
![d0d457e108e2712facb65fd1586e10ac.png](https://img-blog.csdnimg.cn/img_convert/d0d457e108e2712facb65fd1586e10ac.png)
积木拖出来。
我们已经说了捕网需要时刻控制,但一直摁着鼠标又很不方便。我们可以在「运动」模块中找到:
![dfd341b8f760fdcfdd9c1fabb786894a.png](https://img-blog.csdnimg.cn/img_convert/dfd341b8f760fdcfdd9c1fabb786894a.png)
积木,并将它原本的「随机位置」改成「鼠标指针」,让它呆在「事件」积木下面。
但现在又有了新的问题:点击绿旗后捕网只会跟随鼠标一次,然后就需要再次点击绿旗,这样也同样十分麻烦。为了解决,我们可以在「控制」板块中选择:
![e8bb5bb11021bf16bfa1f8387cb3bca6.png](https://img-blog.csdnimg.cn/img_convert/e8bb5bb11021bf16bfa1f8387cb3bca6.png)
积木,让「移到鼠标指针」积木呆在「重复执行」积木内。
最后,我们打开「外观」模块,找到「移到最前面」:
![9dfb0b2401e1ee58e2ae8ad52facb459.png](https://img-blog.csdnimg.cn/img_convert/9dfb0b2401e1ee58e2ae8ad52facb459.png)
积木,让它呆在「事件」模块下面。
现在按下绿旗后捕网就会跟随鼠标移动啦~
【 END 】
迦南夏令营·一组团队
总司令:戚玥
文字编辑:戚玥
后台管理:王永毅
小助理:吴翌辰 王米
更多夏令营蜜辑
欢迎扫码关注
迦南夏令营