熟悉Scratch 2.0 开发环境之第五讲

前提摘要：查看绘图画布、使用编辑工具、使用按钮控件、指定颜色设置、配置角色旋转中心。

我们可以使用Scratch所提供的角色，也可以从互联网获取图像，除此之外，还可以使用Scratch 2.0内建的绘图编辑器来创建自己的角色。绘图编辑器以两种模式运行：位图模式和矢量模式。位图图像保存为像素的一个集合，当绘制的时候，布局为一个图形。另一方面，矢量图存储为规则的一个集合，这些规则告诉矢量图编辑器如何构建一个图形。

绘图编辑器可以在两种模式之间切换。这两种模式各有优点和缺点。和位图图形相比，矢量图形绘制起来更难，但是当调整图形大小的时候，矢量图会得到更加平滑的图像。对于新接触图形开发的人，要学习如何使用位图模式，通常来说是很容易的。矢量图比位图看起来更平滑，这是因为矢量图的边缘渐渐地变得透明。相反，当改变位图图像的大小的时候，它们看上去像素化了。在位图模式中，在编辑器的画布上绘制的所有内容，都当做一个单个的图像或对象来对待。在矢量模式中，所绘制的每个对象都当做一个独立的对象来对待。

绘图编辑器当前处于何种模式，会显示在绘图编辑器的右下角。在其下方有一个按钮，当点击它的时候，会切换绘图编辑器的模式。当从矢量模式切换到位图模式的时候，在画布上绘制的所有内容都转换为一个单个的位图图像。因此，当调整大小的时候，它也会变得像素化。当从位图切换为矢量模式的时候，位图图像转换为一个单个的对象，该对象和可能绘制的任何其他对象保持独立并区分开来。

尽管Scratch的内建绘图编辑器并不具备像Corel PaintShop Pro和Adobe Photoshop这样的应用程序的所有功能，但是，它提供了绘制或修改用做角色和背景的图像所需的所有功能，如图2.18所示。

图2.18　在Scratch 2.0中，绘图编辑器的位图模式提供了创建和编辑角色、造型和背景所需的所有功能

图2.18展示了以位图模式运行的绘图编辑器。当以矢量模式运行的时候，绘图编辑器看上去和在位图模式下几乎是相同的，如图2.19所示，只不过编辑器工具有所不同，并且编辑器工具从绘图编辑器的左边移动到了右边。

图2.19　在Scratch 2.0中，绘图编辑器的矢量模式提供了创建和编辑角色、造型和背景所需的所有功能

不管是在何种模式下运行，绘图编辑器的很多基本的特性和功能是相同的。后面的小节将介绍这些功能。除非特别提示，所介绍的绘图编辑器功能在两种模式下都能够使用。

2.3.1　查看绘图画布

可以使用绘图编辑器程序来创建和修改新的角色、造型和背景。绘图编辑器的大部分空间，就是一个专门的绘图画布。要在画布上绘制，从编辑器工具区域选取不同的绘制命令，然后使用鼠标在画布上绘制。可以使用不同的颜色，并且应用一些特殊效果。

如果要操作的图形的大小超出了可用区域，绘图画布右边和底部的滚动条会变得可用，以允许滚动并查看图形的所有部分。可以使用窗口底部的放大和缩小按钮，来临时性地增加或减小绘制画布的放大倍数。

2.3.2　使用编辑工具

当在绘图画布上创建或编辑一个图形图像的时候，位于绘图编辑器的编辑器工具区域的按钮提供了一些基本功能。表2.4给出了当绘图编辑器以位图模式运行的时候可用的按钮功能的一个概览。

表2.4　位图绘制工具

表2.5给出了当绘图编辑器处于矢量模式的时候，每一个按钮所提供的功能的一个概览。

表2.5　矢量图绘制工具

不管绘图编辑器处于什么模式中，编辑工具中的大多数按钮都接受配置选项来进一步优化按钮控件所提供的功能。当选中这些按钮中的一个，其配置选项就显示于绘图编辑器左下角的位置。例如，图2.20显示了当选中了“用颜色填充”按钮的时候所提供的4个选项。这些选项设置了将要应用的填充样式，并且包括实体颜色应用，以及水平渐进、垂直渐进和放射性渐进的应用。

图2.20　选项区域的内容会根据所选择的工具栏按钮而改变

注意

　

渐变是通过混合前景颜色和背景颜色而创建的一种颜色。

2.3.3　使用按钮控件

Scratch 2.0的绘图编辑器程序包含了很多的按钮控件，如图2.21所示，它们可以启动各种各样不同的操作。

图2.21　绘图编辑器通过各种按钮控件提供了各种关键功能

下面介绍了这些按钮中的每一个及其作用。

• 撤销。撤销上一步的操作。

• 重做。重复上一步的操作。

• 清除。清理当前在绘制画布上显示的任何图形。

• 导入。通过计算机上存储的一个图形文件来打开一幅图像。

• 左右翻转。水平地翻转绘制画布。

• 上下翻转。垂直地翻转绘制画布。

• 设置造型中心。用于指定角色的旋转中心。

2.3.4　指定颜色设置

绘图编辑器允许使用位于绘制画布下面的当前颜色设置控件，为前景绘制和背景绘制指定当前的颜色设置。要设置当前的前景颜色，在上面的方块上点击，然后从显示于控件之下的调色板中选择一种颜色。类似的，可以点击下面的方块，然后从颜色面板中选择一种颜色，来设置当前的背景颜色。

2.3.5　配置角色的旋转中心

绘图编辑器的最后一项功能很重要，而且你必须知道如何使用，这就是位于绘图编辑器的右上角的“设置造型中心”按钮。当点击这个按钮的时候，在绘图编辑器的绘制画布上会显示一组十字准线，如图2.22所示。当你想要将角色的某个部分设置为旋转中心，以便当角色在舞台上旋转的时候会绕着这个中心旋转，就可以使用拖放功能将十字准线移动到该角色的这个部分。

图2.22　十字准线使得很容易设置角色的旋转中心

图2.22所示的角色是陨石，可以用于诸如《Asteroids》这样的太空射击游戏之中。在这种类型的游戏中，小行星在屏幕上来回移动，通过和玩家的飞船产生碰撞而摧毁飞船，从而威胁到玩家飞船的安全。为了提供一种逼真的效果，我们需要告诉Scratch 2.0，当陨石在屏幕上移动的时候要旋转它。通过把陨石的旋转点设置为角色的中心点，看上去就好像陨石围绕着中心点在旋转一样。另一方面，通过将旋转点设置为陨石的某一个边，可以使得陨石以一种不稳定的方式旋转。

本文仅用于学习和交流目的，不代表异步社区观点。非商业转载请注明作译者、出处，并保留本文的原始链接。