最新消息:推荐全网最具性价比的一站式编程学习平台码丁实验室

Scratch(五)角色详解

Scratch 少儿编程 12439浏览 0评论
Scratch零基础魔法编程

友情提示:视频教程观看时请手动设置清晰度。

上一个章节我们学习了舞台是怎么回事,今天我们要详细了解一下“角色”。

Scratch零基础魔法编程(五)角色详解

这个位置是我们的“角色区”,所有出现在舞台上的东西都会在这个位置出现。

在右上角有“新建角色”和四个按钮,和我们上一章学习的舞台“新建背景”按钮一样,第一个是导入软件自带的角色图片,第二个是自己画一个角色,第三个是导入电脑上保存的图片,第四个是用摄像头拍一张图片作为角色。

 

这里的每个角色都可以有不同造型,不同造型的变化就会让角色产生动态效果,比如我们先选中默认的角色小猫,然后点击中间功能区的“造型”,就可以看到有两个不同的样子:

Scratch零基础魔法编程(五)角色详解

还记得我们上一章节让背景一秒钟切换一张的代码吗?

把这个代码写给小猫,就能让小猫动起来:

Scratch零基础魔法编程(五)角色详解

这里我们让小猫动作变化快一点,就将默认的等待1秒修改为0.2秒,这样小猫就像跑步一样动起来了。

Scratch零基础魔法编程(五)角色详解

如果再配合小猫在舞台坐标系的移动,那么就可以做出小猫行走的动画。我们来试一试:

第一,导入学校的背景,然后拖动舞台区的小猫放在左边合适的位置:

Scratch零基础魔法编程(五)角色详解

然后我们在功能区“脚本”选项卡的动作积木中找到:

Scratch零基础魔法编程(五)角色详解

因为小猫是水平走动,所以我们只需要修改x的数字就可以了,改成什么数字,我们可以用鼠标在舞台区滑动,找到合适的X值和Y值,比如我们现在修改到x=130,y=-88,时间暂时修改为2秒

Scratch零基础魔法编程(五)角色详解

在代码区,我们看到了有两段代码,第一段代码是让小猫每0.2秒切换一次造型模拟走路的样子,第二段代码则是让小猫水平在舞台移动到(130,-88),我们来看一下效果:

Scratch零基础魔法编程(五)角色详解

效果不错,小猫走动起来了,而且点击舞台上方小旗帜的时候,代码区两段代码都在发黄色光芒,说明这两段代码同时在运行。

但是我现在觉得这个小猫有一点点大,怎么才能让角色变小呢?

在菜单栏中间,有一行小按钮:

Scratch零基础魔法编程(五)角色详解

第一个图章模样的是复制,我们点击它之后再点击小猫,就可以发现在角色区多了一个小猫,这就是复制了这个小猫,

Scratch零基础魔法编程(五)角色详解

第二个剪刀样子的是剪切,就是从舞台上除去这个角色,第三个是放大角色,第四个是缩小,第五个是帮助,暂时不需要用。

我们点击一下放大或是缩小的按钮,然后再点击小猫,看看小猫是不是变大或是变小了呢?

Scratch零基础魔法编程(五)角色详解

有细心的朋友会发现,在角色区,选中小猫后,在图表左上角会出现一个蓝色的i,点击一下看看,原来还有更多的设置:

Scratch零基础魔法编程(五)角色详解

输入框可以重新命名角色,下面的坐标是当前位置,方向这个按钮可以点击转动,这个用来调整角色的面对方向:

Scratch零基础魔法编程(五)角色详解

看,舞台上小猫的面对方向开始向上45度了,精确的控制方法和

Scratch零基础魔法编程(五)角色详解

这个功能块一样。

旋转模式一般不用更改,只在很少的情况下使用。并且功能等同于:

Scratch零基础魔法编程(五)角色详解

好了,基本的角色介绍我们已经完成,下一步我们要看看怎么自己画一个角色。

我们在绝大部分时候是很难找到一个合适的角色图案的,这个时候我们就要开始学会自己去画一个,如果你会Photoshop那么就很简单了,如果不会也没关系,我们很快也能学会Scratch里面的自带的画图工具:

Scratch零基础魔法编程(五)角色详解

我们点击第二个图标,绘制新角色:

Scratch零基础魔法编程(五)角色详解

打开后我们先认识一下界面:

Scratch零基础魔法编程(五)角色详解

这边一条是工具栏,工具栏上面的输入框可以修改角色造型名字,工具栏从上至下分别是:

画笔工具:

Scratch零基础魔法编程(五)角色详解
Scratch零基础魔法编程(五)角色详解

点击撤销可以恢复上一步,也可以点击边上的“清除”重新来画。

直线工具:

Scratch零基础魔法编程(五)角色详解

方框工具:

Scratch零基础魔法编程(五)角色详解

需要注意的是方框工具画出的是一个透明方框,如果需要颜色,则需要用第六个工具

Scratch零基础魔法编程(五)角色详解

来填满方框。

Scratch零基础魔法编程(五)角色详解

圆形工具和方框工具操作一样。

下一个T型按钮是做文字角色:

Scratch零基础魔法编程(五)角色详解

需要注意的是目前Scratch不支持中文输入,所以如果需要中文的时候,我们只能用画笔工具写汉字:

Scratch零基础魔法编程(五)角色详解

颜色填充工具前面说过了,可以给任何地方填充色彩,包括文字。

Scratch零基础魔法编程(五)角色详解

下一个是橡皮擦工具,用来擦除绘图区的任何东西。

Scratch零基础魔法编程(五)角色详解

选择框是按住鼠标左键,然后滑动,选择你需要选择的部分,然后拖动:

Scratch零基础魔法编程(五)角色详解

看到没,我们可以用选择工具切割图片。

最后一个是图章工具,用来复制你想复制的绘图区已有的图形:

Scratch零基础魔法编程(五)角色详解

点击图章工具后,和选择框工具一样使用,用鼠标左键划出你要复制的部分,然后移动到你想要复制的位置即可。

这是主要工具栏,在绘图区的下方是一个色彩区,用来选择你需要的颜色,比如我现在需要把字幕f变为绿色:

1,先选择绿色:

Scratch零基础魔法编程(五)角色详解

2,点击这个图片

Scratch零基础魔法编程(五)角色详解

点击后再点f:

Scratch零基础魔法编程(五)角色详解

注意下面选择色彩和填充按钮后会出现副功能块:

Scratch零基础魔法编程(五)角色详解

这样有过渡色的功能选择,而色彩区右上角的吸管“取色工具”,是用来读取屏幕上其它元素的色彩,比如我们导入了一张照片,上面有很多其它色彩,而我们无法在色彩区找到的时候,就可以用这个取色工具取出你要的色彩。

Scratch零基础魔法编程(五)角色详解

比如我要取出这张图片中天空的蓝色,那么只需要导入图片后,点击取色工具,然后再点击一下天空就可以了:

Scratch零基础魔法编程(五)角色详解

看看颜色区是不是有了天空的颜色呢?

Scratch零基础魔法编程(五)角色详解

蓝色下面的白色是底色,是我们用到层概念的时候再使用,我们后面用到的时候再说。
大家要注意,几乎是每个功能按钮被点击后,在色彩区都会出现对应功能的副按钮,这些按钮功能比较简单,有什么用大家可以自行点击测试

Scratch零基础魔法编程(五)角色详解

颜色选择区边上的按钮是放大和缩小绘图区,但是并不是放大角色本身,只是方便我们绘图而已,这个要区分开来。

Scratch零基础魔法编程(五)角色详解

在放大缩小的按钮下面,有一个按钮:

Scratch零基础魔法编程(五)角色详解

点击后会变化为“矢量模式”:

Scratch零基础魔法编程(五)角色详解

那么位图模式和矢量模式有什么区别呢?

这里我们不多说了,给个链接,我们先自己了解一下:

https://zhidao.baidu.com/question/109059224.htmlzhidao.baidu.com

那么究竟选择哪个模式绘图好呢?

我们一般情况的选择是:

如果我们做的图简单,色彩很少,我们就用矢量模式;反之我们就用位图模式。

我们点击切换到矢量模式,就会发现功能区在右边了,同时有了一些细微的改变:

Scratch零基础魔法编程(五)角色详解

矢量工具和位图工具大同小异,最大区别是矢量工具有一个:

Scratch零基础魔法编程(五)角色详解

这个是干嘛的呢,我们先画一条线:

Scratch零基础魔法编程(五)角色详解

然后点击第二个“变形”工具按钮,然后双击这条红色线:

Scratch零基础魔法编程(五)角色详解

在这条曲线上就出现了很多点,点击这些点就可以拖动:

Scratch零基础魔法编程(五)角色详解

双击某个小圆点,就可以取消它,并且让这个线段变得平缓:

Scratch零基础魔法编程(五)角色详解

直线也可以这样:

Scratch零基础魔法编程(五)角色详解
Scratch零基础魔法编程(五)角色详解

圆形工具和矩形工具都是一样的操作方式:

Scratch零基础魔法编程(五)角色详解

最后还有一个概念:

Scratch零基础魔法编程(五)角色详解

这就是让几个图片叠放顺序,形成你需要的遮挡效果。

Scratch零基础魔法编程(五)角色详解
Scratch零基础魔法编程(五)角色详解
Scratch零基础魔法编程(五)角色详解

本章最后一个问题来了,我们看绘图区的右上角:

Scratch零基础魔法编程(五)角色详解

第一个和第二个是翻转按钮,选择你要翻转的图,然后点击即可:

Scratch零基础魔法编程(五)角色详解

而最后一个按钮是关键:

Scratch零基础魔法编程(五)角色详解

我们点击之后会出现一个黑色十字,这个十字就是表示目前这个角色造型的中心点在哪里。

这个有什么用呢?

比如我们就拿这个蓝色方块来做比方,它如果运动的时候,是已哪个点为位移标准呢?

如果我们让方块左上角为运动点标准,那么就只要点击十字键后再点击方块左上:

Scratch零基础魔法编程(五)角色详解

如过要中心移动就可以点击方块中心:

Scratch零基础魔法编程(五)角色详解

这样,该角色的坐标就按我们设定黑色十字的中心位置计算了。

也许现在我们理解还困难,没关系,在后面我们实际编程中就会用到,到时就能很好理解了。

 

今天的内容不少,我们下一期将开始用这个角色绘图来做点小动画,敬请期待。

 


Scratch零基础魔法编程(一)为什么你要学Scratch儿童编程
Scratch零基础魔法编程(二)来不及解释了,马上开始编程游戏
Scratch零基础魔法编程(三)剪刀石头布
Scratch零基础魔法编程(四)舞台区详解
Scratch零基础魔法编程(五)角色详解
Scratch零基础魔法编程(六)用“角色”与“舞台”的组合做个小动画
Scratch零基础魔法编程(七)“触碰”基础
Scratch零基础魔法编程(七)篇外.用小动画和触碰能做大型游戏?
Scratch零基础魔法编程(八)声音模块详解

转自知乎:
import 潘多拉

您必须 登录 才能发表评论!