《动物魔法学校》儿童学编程Scratch之“外观”部分

导读:本文通过一个案例《动物魔法学校》来学习Scratch语言的“外观”部分。之后通过一系列其他功能的综合运用对作品功能进行了扩展。

综合案例《魔法学校》界面

今天总结一下儿童编程软件Scratch中“外观”部分的细节。主要包括显示隐藏、造型及背景更换、颜色特效、背景设置、显示层次、表示说话思考的气泡等部分。代码面板如下图所示。

Scratch"外观'部分代码块列表

下面我们就通过一个综合案例《魔法学校》来学习一下这部分内容。

故事背景:

魔法学校里住着一批会魔法的小动物。狮子是老师,让学生们展现本领;恐龙会变颜色;鹦鹉会制造幻觉(改变环境);河马会改变自身大小。

任务分解:

 1.狮子被点击时候,展现说话造型,并通过思考和语言显示他的想法;

 2.点击向上键(也可以设置其他键)的时候恐龙出现,在最上层,说一句话然后开始变颜色,最后恢复正常状态;

 3.点击向下键的时候鹦鹉出现在屏幕最上层,说一句话,开始更换一下环境背景,后恢复原状;

4.点击左箭头键的时候河马出现在屏幕最上层,说一句话之后开始变大,几秒钟之后恢复原状。

 实现步骤:

 1.设置背景

我从网上找了两张背景图,在舞台信息区选择“从本地上传按钮”,将两张背景上传,然后删掉空白背景。

导入背景

 2.设置角色

从角色列表中选择狮子、恐龙、鹦鹉、河马四个角色,删除原来的小猫角色。

3.搭建代码块

 (1)狮子身上的代码

 当狮子被点击的时候,她通过变换造型达到说话的形象,然后呈现思考状、说话状。

狮子身上的代码

(2)恐龙身上的代码

恐龙在按下上移键的时候显示在最上层,通过循环的颜色特效展示“本领”,最后清除特效。

恐龙身上的代码

(3)鹦鹉身上的代码

鹦鹉和恐龙类似,只不过通过设置背景的方式展示“制造幻觉”的本领。

鹦鹉身上的代码

(4)河马身上的代码

河马的代码与恐龙类似,只不过将颜色特效改成了控制角色的大小。

河马身上的代码

4.完善代码

上面代码基本实现了我们的目标内容。但是总感觉太机械了。让我们来完善一下代码吧。如何才能让狮子随机叫三个小动物中的一个展示本领呢?如何不需要点击小动物,只要狮子叫到谁谁就能够自动表演呢?

这里用到了变量、消息事件、条件判断、随机数等内容。有的我们在前面的内容中已经说过了,有的还没学到。就先自己学习一下吧。具体代码如下:

(1)狮子身上的代码

狮子身上完事后的代码

(2)另外三个动物身上的代码 图中红框区域为更改的地方。

恐龙 河马 鹦鹉我身上的代代码

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏葡萄城控件技术团队

纯前端表格控件SpreadJS V11.2新版本发布,全面支持React和Vue

SpreadJS 是一款基于 HTML5 的纯 Java 电子表格和网格功能控件,在外观、功能和操作上都与 Excel 高度类似,在表格数据处理上比 Grid ...

23100
来自专栏葡萄城控件技术团队

SpreadJS 类Excel表格控件 - V12 新特性详解

我们很高兴的宣布:纯前端类Excel表格控件 - SpreadJS 正式推出了 V12 新版本,此次的新版本中包含了诸多重量级的功能和来自客户的新需求,如对形状...

26120
来自专栏QQ空间开发团队的专栏

Android相机开发那些坑

这篇文章总结了Android相机开发的相关知识、流程,以及容易遇到的坑,希望能帮助今后可能会接触Android相机开发的朋友快速上手,节省时间,少走弯路。

23.8K50
来自专栏iOS开发攻城狮的集散地

iOS开源小项目-WSL

31360
来自专栏Jerry的SAP技术分享

SAP成都研究院非典型程序猿,菜园子小哥:当我用UI5诊断工具时我用些什么

身边有些年轻同事曾经向我表达过这种困扰:尽管完成日常工作没有任何问题,但是还想更进一步,把代码写得更好些,做到精益求精。现在写的代码能实现功能,但是不知道可以怎...

17930
来自专栏闰土大叔

在没有DOM操作的日子里,我是怎么熬过来的(终结篇)

前言 在我写终结篇的日子里,Vue版本稳定在2.9.1。当我摸清Vue的脉络之后,以一个爬坑无数的亲历者的身份,谈谈我在MVVM时代里遇到的那些事儿。 接下来,...

369130
来自专栏Java帮帮-微信公众号-技术文章全总结

HTML5学习-day01【悟空教程】

网页超文本应用技术工作小组是一个以推动网络HTML 5 标准为目的而成立的组织。在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

21830
来自专栏知晓程序

如何优雅地发朋友圈?你需要这款简洁好看的小程序

普通的一天中,我们能看到各种各样的风景。人来人往,相遇离别,每一天,都能产生新的故事和回忆。

18740
来自专栏PHP在线

前端资源分享——只为更好前端

一、团队组织 网站说明腾讯 AlloyTeam 团队腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究ISUX腾讯社交用户体验设计,简称ISUX,腾...

2K100
来自专栏葡萄城控件技术团队

MultiRow发现之旅(五)- MultiRow版俄罗斯方块(exe + 源码)

前文回顾 MultiRow发现之旅(一)- 高效模板设计器 MultiRow发现之旅(二)- 详解属性管理器 MultiRow发现之旅(三)- 模板管理器和Ta...

22350

扫码关注云+社区

领取腾讯云代金券