企业官网建设流程全解析

如果你第一次在Scratch的外观模块里找"打码"功能，看到下拉菜单里的"马赛克"三个字时，大概率会以为这就是给角色画面打上模糊方块的特效。我第一次带学生做项目时也这么干过：拖一块"将 马赛克 ▼ 特效设定为 (10)"，点下绿旗，结果角色没有变模糊，反倒是像被复制了几十份，密密匝匝铺满了整个角色区域，像一堵瓷砖墙。那一刻我才意识到，Scratch里的"马赛克特效指令"和常规认知里的"马赛克"完全是两码事。这篇博文就把这个容易被误解的指令彻底讲透：它在哪、真实效果是什么、数值怎么控制、有哪些实战玩法和容易踩的坑。

1. 先认清门牌号：指令在哪、全名是什么

1.1 积木的位置与两种写法

在Scratch的积木区里点开"外观"类别，往下滑到"特效"这一组，就能看到三块基础积木：

• 将 颜色 ▼ 特效设定为 (0)
• 将 颜色 ▼ 特效增加 (0)
• 清除图形特效

把鼠标移到第一块积木的"颜色"下拉箭头上，展开的列表里会有：颜色、鱼眼、旋转、像素化、马赛克、亮度、虚像。选中"马赛克"之后，积木会变成"将 马赛克 ▼ 特效设定为 (0)"。旁边那块"将 马赛克 ▼ 特效增加 (0)"也同理。

这两块积木看起来只有一字之差，用途完全不同。"设定为"是把当前特效直接指定到一个数值，适合做初始化和静态装饰；"增加"是在现有数值基础上加上一个增量，适合放循环里做动态变化。比如想让马赛克效果从稀疏慢慢变密集，就用"将 马赛克 ▼ 特效增加 (1)"，每帧加1，画面会像瓷砖慢慢铺开一样逐渐丰富起来。

有一点容易被忽略：特效的数值是有记忆的。如果脚本运行中途停了，或者角色被隐藏又重新显示，之前设定的马赛克效果不会被自动清掉。下次再给角色换其他特效时，如果没清零，会看到好几个效果叠在一起，画面变得很难预测。所以养成习惯：在绿旗积木后面第一行放"清除图形特效"，再写你要的特效指令，这样每次点击绿旗才是干净状态。

1.2 中文翻译留下的"马赛克"误会

"马赛克"这个译名，坑过很多人。英文原版里这个特效叫 Mosaic，不是我们常说的马赛克打码。Mosaic 的本意是镶嵌画、瓷砖拼贴画，用无数小色块拼成图案，比如欧洲老教堂里的彩色玻璃壁画，或者浴室墙面贴的小块瓷砖。Scratch 的 Mosaic 特效取的正是这层意思。

而真正把我们熟悉的"打码模糊"功能做出来的特效，英文叫 Pixelate，中文翻译成"像素化"。Pixelate 的效果才是把画面切成一个个大色块，数值越大色块越大，越看不清楚。也就是说，在中文版 Scratch 里，想要隐私处理、画面打码，应该去找"像素化"；而"马赛克"是一个装饰性很强的视觉特效，跟遮挡隐私基本没关系。

这个翻译撞车造成的混乱，几乎每个初学者都会遇到一次。我自己也翻过车，后来在讲外观模块时，开场就先给学生们打预防针：想要模糊打码找"像素化"，想要复制拼接找"马赛克"，名字容易骗人，动手之前先想清楚你要的是哪种效果。

1.3 真实效果：它其实是"瓷砖拼贴"

卸下"打码"的预期之后，我们来看马赛克的真实表现。拿默认的小猫角色做实验：把"将 马赛克 ▼ 特效设定为 (2)"拖进脚本，点击绿旗，小猫会变成4只更小的猫，排成2行2列。设定为5时，变成25只，排列成5行5列。设定为10时，变成100只，非常细密。

关键细节在于：不是把小猫剪成碎块，而是每个格子里都放了一只完整的小猫。想验证很简单，换一个箭头造型，方向性很强。设定马赛克值之后，你会看到每个小格子里的箭头方向完全一致，整整齐齐排列。这意味着马赛克特效做的事是"重复绘制完整图案"，而不是"切割图案分块展示"。

观察下来，它就像一面贴满同款瓷砖的墙，只不过瓷砖的图案全部来自角色当前造型。这也是为什么该特效特别适合做装饰性背景、万花筒、群体视觉这类需求，因为它的核心能力就是"低成本复制出大量图案"。

2. 数值规律与视觉边界：从2到100，舞台发生了什么

2.1 参数不是模糊度，而是行列数

马赛克特效的数值到底怎么理解？一句话：它指的是横向和纵向切割的份数。设定为5，就是画面被分成5行5列，共25个小格子。设定为10，就是10行10列，共100个格子。数值越大，格子越多，每个格子越小，图案排列也越密集。

我用默认小猫做了几组设置，把视觉效果整理成下表，方便你直接参考：

所以把数值理解为"每边被分成几份"比"复制多少个"更准确。0和1都等于没效果，这一点很多人会忽略。以前有个学生上来就把马赛克改成0，发现角色没变化，转头问我是不是电脑坏了，其实就是这个原因。

还要注意：马赛克的行列数跟角色大小没有关系。角色放大时，格子会跟着变大，但行列数还是那个数字。做装饰背景的时候，先用"将大小设为"把角色调到合适尺寸，再设马赛克值，才能让格子密度跟舞台比例匹配，不然要么格子太大显得稀疏，要么格子太密看不清图案。

2.2 高数值的极限与渲染压力

马赛克数值看着很爽，但别高估设备的承受能力。这个特效在渲染每一帧时，需要把角色造型重复绘制 N×N 次。N等于30时，一帧要做900次小图绘制；N等于50时，是2500次；N等于100时，一帧要画一万个小图。角色越大，每个小图的像素面积越大，渲染压力也成倍上涨。

我实测过：在普通配置的电脑上，N为20以内基本流畅；N到30，拖动角色已经能感觉到延迟；N到50，整个项目明显发飘；N到100，浏览器基本卡成幻灯片。手机端和平板上的表现更差，数字减半都不一定扛得住。

所以做项目时要分工：大面积密集纹理的装饰背景，尽量用造型编辑器自己画，或者用绘图角色提前处理，不要全交给马赛克硬抗；真正需要实时效果时，把数值控制在10到20之间，视觉上已经足够华丽。想在课堂上演示"极限"的话，最多让全班试试30到50的卡顿感，顺便讲一讲渲染性能的概念，超过100的玩法我建议直接放弃，纯属自讨苦吃。

2.3 设定与增加的区别：静态装饰还是动态特效

"设定为"和"增加"的配合是玩好马赛克的关键。设定为适合把效果固定到某个起点，增加适合在循环里制造连续变化。

一个常见的动态脚本是这样的：

当绿旗被点击 清除图形特效 将 马赛克 ▼ 特效设定为 (2) 重复执行 将 马赛克 ▼ 特效增加 (1)

这样马赛克值会从2一路加下去，格子越来越多，直到设备卡到跑不动为止。更好的做法是加一个上限判断，到了目标值就停下来，或者跳回0重新开始：

当绿旗被点击 清除图形特效 重复执行 将 马赛克 ▼ 特效增加 (1) 如果 <将 马赛克 ▼ 特效值 = (20)> 那么 等待 (2) 秒 将 马赛克 ▼ 特效设定为 (1) end end

注意，Scratch没有一个积木能直接"读出"当前马赛克数值，你只能自己维护一个变量来记录循环次数，或者用"将 马赛克 特效设定为"直接跳到指定值。教学时我会让学生用变量存当前值，每次增加后把变量同步上去，既方便判断，也能显示在舞台上作为视觉反馈。

另外，想单独重置马赛克，用"将 马赛克 ▼ 特效设定为 (0)"就够了。要注意它不会清除颜色、鱼眼、虚像等其他特效。只有"清除图形特效"才是把所有外观特效一次性归零。这两者之间的区别，是后面排查问题的主要线索。

3. 三个可以直接抄的实战脚本

3.1 万花筒：旋转+颜色+马赛克

马赛克最经典的搭档是旋转特效和颜色特效。选中一个有对称美感、颜色丰富的角色，比如花朵、星星、蝴蝶，然后搭这样一个脚本：

当绿旗被点击 清除图形特效 将 马赛克 ▼ 特效设定为 (12) 重复执行 将 旋转 ▼ 特效增加 (1) 将 颜色 ▼ 特效增加 (1)

点击绿旗后，整个马赛克拼贴会像一面大转盘一样缓缓旋转，颜色从红到蓝、从绿到紫连续变化，每个小格子里的图案也跟着转，视觉效果非常接近那种复古万花筒。这类效果最适合用在全屏过场动画或者舞台背景的氛围渲染里。

我在实际项目里通常会把速度后面乘一个变量，方便随时调节旋转快慢。比如"将 旋转 ▼ 特效增加 (速度)"，速度在1到5之间取整数。如果想做出"加速旋转-减速停止"的感觉，可以把速度变量用"移到滑杆"或"重复执行直到"来控制，逻辑会更复杂一些，但出来的观感相当好。

值得注意一个细节：Scratch里的特效会按固定管线叠加渲染，旋转特效作用于整体画面，因此马赛克拼贴的网格结构会整体转动，而不是每个格子独立转动。换句话说，旋转的是"整面瓷砖墙"，不是"每一块瓷砖"。想做出每个格子独立旋转的效果，靠外观特效做不到，那需要导入序列帧图片或改用舞台上的克隆体思路。

3.2 水晶碎面：马赛克+虚像+缩放

另一个实用的组合是马赛克加虚像。虚像特效控制透明度，数值越大角色越透明。把两者合在一起，马赛克拼贴会呈现一种"半透明水晶玻璃"的感觉，很适合做破碎、消散、梦境类转场。

脚本可以这样写：

当绿旗被点击 清除图形特效 将 马赛克 ▼ 特效设定为 (8) 将 虚像 ▼ 特效设定为 (30) 重复执行 (20) 次 将 虚像 ▼ 特效增加 (3) 将 大小增加 (2)

运行效果是：角色先变成一个半透明的8×8格子阵列，然后慢慢变得更透明，同时整体放大，像一块水晶玻璃逐渐融化在空气里。如果把这个脚本放在广播消息"游戏失败"后面，就是一个很有质感的结束动画。

有朋友问过我，能不能用马赛克真正做出"碎片飞散"的效果。诚实说，做不到。因为马赛克每个格子里都是完整个角色，不是撕裂的碎片；碎片飞散最好还是用造型切换或者克隆体。马赛克适合的是"规则、重复、拼贴"的秩序美感，而不是"杂乱、破裂"的无序感。理解了这一点，选型就清楚了。

3.3 分身鱼群：马赛克与克隆体的分工

做海底世界场景时，很多人都想放一群鱼。新手的第一反应往往是"用克隆体复制10条、20条、50条"，结果克隆一多，角色列表和脚本执行都变得很卡。实际上，如果你只是想营造"鱼很多"的背景氛围，并不需要它们各自游动，那马赛克是更好的选择。

一条鱼角色，把大小调小，马赛克设定为10，画面里立刻出现100条视觉小鱼，整齐排列成网格。它们不会独立运动，但作为海底背景的"鱼群团块"完全够用，而且几乎不消耗额外的运行资源。对比一下：

这个对比可以写进教案：克隆体适合做每个个体都有自己逻辑的群组，比如每只鱼都朝着鼠标游动；马赛克适合做纯视觉的密度层，比如远处密密麻麻的鱼群剪影、星空里的一堆星星。两者还可以叠用：用3到5个克隆体，每个克隆体再挂不同的马赛克数值和透明度，制造出前中后三个层次，画面立体感立刻出来。

3.4 素材选择与中心点调整的细节

马赛克的效果和素材质量强相关。最容易翻车的操作是：随便选了一个造型，结果绘图区里图案只占了很小一角，剩下全是空白。马赛克之后，每个小格子里的图案也带大块空白，视觉上就像"一大片空瓷砖里嵌着一小粒图案"，拼贴感被稀释殆尽。

正确做法是在造型编辑器里把画面尽量铺满绘图区。如果是圆形或对称图案，就把中心点放在图案正中间。中心点位置会直接影响旋转特效的旋转轴心，也影响万花筒旋转时的观感。中心点偏了，旋转时整个马赛克网格会像偏心陀螺一样晃动，有时候这种晃动是意外惊喜，但更多时候大家想要的是稳定的同心旋转变换。

还有个容易被忽略的点：角色如果有多套造型，切造型前要保证各造型的绘图区和中心点一致，不然运行中切换造型，马赛克尺度会突然跳变。这个问题我在一次过场动画里踩过：角色先说一句话用造型A，然后切换到造型B做后续动画，结果B造型的绘图区域比A大一倍，马赛克值没变，视觉上格子突然变粗、图案突然变大，画面一下就"破功"了。

4. 课堂与调试中积累的排错清单

4.1 特效没清干净：图形特效的叠加污染

排查过很多次"画面花得莫名其妙"的问题，最后多半都指向同一件事：老特效没清干净。具体场景是这样的：学生在角色A上设了马赛克10，后来觉得不需要，直接把"将 马赛克 特效设定为(10)"删了，或者把数值改成0，就认为问题解决了。但在某个角落，可能还留着"将 颜色 特效设定为(40)"的旧代码，或者之前某个循环里用过"将 马赛克 特效增加"没有停止，导致数值一直累加。

更隐蔽的一种情况是：角色A和角色B是两个不同角色，但学生把同一个"广播消息"发给了两个角色，两个角色都执行了马赛克相关脚本。结果A有特效、B也有特效，观众看起来整个舞台都"脏脏的"。

我的排查顺序是这样的：先点一下积木区的"清除图形特效"积木，或者临时给绿旗脚本加一行清除，再运行看效果。如果画面恢复正常，说明问题出在"某个旧特效没被重置"，逐个角色检查它们的绿旗脚本和广播接收脚本。如果清除后依然花屏，那就要检查是不是造型本身的问题，比如造型里混入了不该存在的隐藏色块或者半透明像素。

4.2 造型切换与中心点错位导致的花屏

马赛克特效是基于角色当前造型实时计算出来的，任何改变造型区域大小的操作都会直接影响结果。最常见的问题有两个：造型尺寸不一致、中心点不在理想位置。

造型尺寸不一致的典型表现是：运行中角色从造型A切到造型B，马赛克格子数量没变，但每个格子里的图案比例明显变了，看起来像镜头突然拉近或者拉远。要解决，只能在造型编辑器里把所有造型的尺寸统一。比如小猫形象的两帧造型，宽度高度尽量一致，四条腿的位置也尽量对齐，否则切换时连图案本身都在抖。

中心点偏移的典型表现是：给角色设置旋转特效加马赛克，结果整个拼贴网格一边重一边轻，旋转时像逆时针画圈。把中心点调回图案正中就能恢复稳定。如果确实想做出偏离中心的旋转效果，那就创建一个专门的造型，把图案画在自带偏移的绘图区上，这样中心点仍然居中，但图案本身偏了，视觉上一样有偏移效果，运行还稳定。

4.3 高性能消耗：低端设备上的卡顿与闪退

马赛克值太高导致的卡顿，我在不同设备上都复现过。低端笔记本、老旧平板、配置一般的办公电脑，三者对马赛克的承受力差别很大。同一个项目，在主力机上马赛克30流畅，换到教室的旧设备上马赛克15就开始掉帧。所以写项目时尽量按最低配置做预案。

保守做法是：装饰用马赛克值不超过10，动态万花筒不超过15，课堂演示不超过20。如果项目发布后别人反馈卡，第一反应不是换设备，而是把所有马赛克值整体降一档，再观察画面是否还能接受。特效的"华丽度"和"流畅度"之间需要做取舍，这一点在图形化编程里也是一样的。

另外要注意网页版和离线版的表现差异。浏览器里跑Scratch，受标签页后台优化影响，切走再切回来偶尔会掉帧；离线客户端相对稳定，但也更吃本机硬件。我一般建议测试以上面两种方式各跑一遍，确认数值边界后再写进正式项目。

4.4 真·打码用谁：像素化指令实操

最后把"打码"这件事单独拎出来，因为需求太常见了。如果你做的是一个隐私保护主题的项目，或者想在角色脸上盖一个模糊光斑，千万别再用马赛克了，请用"像素化"特效。

当绿旗被点击 清除图形特效 将 像素化 ▼ 特效设定为 (20)

像素化特效会把角色画面切成大块的色块，20左右就很明显，30以上基本看不出原图细节。如果只想在某些部位打码，比如遮住眼睛，那应该先用黑色或白色圆形角色放在眼睛位置，再对那个圆形角色使用像素化，或者直接调整它的虚像值做成"光斑"效果。这样既能遮挡隐私，又不影响主体角色的其他部位。

理解"马赛克=拼贴、像素化=打码"这个对照关系以后，外观模块的很多困惑都会迎刃而解。

5. 外观特效的组合设计思路

5.1 特效组合创意速查表

马赛克单独用效果有限，但和其他外观特效组合，能做出的视觉类型很丰富。我整理了一份速查表，做项目时可以拿来直接选：

需要特别说明的是，Scratch内部对各特效有一套固定的叠加管线，我们没办法手动调整各个特效的计算顺序，只能通过控制数值大小来改变最终观感。所以做组合效果时，建议两个特效的数值都从小往大试，不要一开始就拉满，不然很难判断哪个特效贡献了哪种视觉元素。

5.2 课堂任务的三层梯度设计

我带的外观模块课程，通常把马赛克相关任务分成三层阶梯，每一层的考察点不一样。

基础层：让学生把同一个角色分别设定马赛克为0、3、10、20，分别截图或口头描述画面变化。这个任务考察的是对"数值决定行列数"的理解，以及能否区分马赛克和像素化。

进阶层：要求用滑杆变量控制马赛克值，让角色从1×1逐步变成10×10，再回到1×1，循环往复。考察的是变量同步、循环边界判断、以及对实时渲染性能的感知。滑杆拖动时如果卡顿，学生自然会体会"数值越大性能消耗越大"这个知识点。

挑战层：规定主题，比如"星空转场""梦境碎片""海底群像"，让学生自己选择角色素材、特效组合和动画节奏，最终做出一个15秒以内的完整效果。这类任务综合考察造型绘制、中心点设置、特效叠加、性能控制，比单纯找积木复杂得多。

5.3 滑杆变量：做一个实时马赛克调节器

最后分享一个我几乎每个项目都会用的小工具：实时马赛克调节器。在角色变量区新建一个变量，叫"马赛克值"，然后把它的显示方式从"正常显示"改成"滑杆"，范围设成1到30。接着写三行脚本：

当绿旗被点击 清除图形特效 重复执行 将 马赛克 ▼ 特效设定为 (马赛克值)

运行时拖动舞台上的滑杆，马赛克效果会即时变化，像调音量一样直观。这个工具的价值在于：不需要反复停掉绿旗去改积木参数，一边拖滑杆一边看画面，很快就能找到最适合当前项目的数值。做装饰背景时我一般调到8到12，做万花筒时12到15，做群像背景时15到20，具体看素材大小。

调节器还可以扩展成多滑块面板：一个滑杆控制马赛克值，一个滑杆控制虚像值，一个滑杆控制旋转速度，三个配合就是一台"外观特效合成台"。把这个思路交给学生，他们常常能组合出连我都没预想到的视觉效果。

我个人至今还保留一个习惯：凡是涉及特效的项目，第一段代码永远是"清除图形特效"。不管后来怎么写，这个起步动作能帮我隔离掉八成以上的"灵异画面"。马赛克这个东西，弄懂它并不难，难的是别被名字带偏，以及在合适的场景里用合适的数值。希望这篇把指令背后那层"瓷砖拼贴"的逻辑讲清楚之后，你在Scratch项目里的各种格子画面，都能变成真正的加分项。