第六章：外观与音效

"优秀的程序不仅要好用，还要好看、好听。"

前面的章节我们学会了如何让程序运行起来，这一章我们要让它活起来！通过学习造型、动画、特效和音效，你的作品将从"能用"变成"令人惊艳"。

一、造型——角色的多面人生

🎭 什么是造型？

想象你在演话剧，需要换不同的服装扮演不同角色。在 Scratch 中，**造型（Costume）**就是角色的"服装"或"姿势"。

一个角色可以有多个造型：

• 🐱 小猫：站立、走路、跳跃、睡觉
• 🚶 人物：正面、侧面、背面、挥手
• 🚀 飞船：正常、加速、爆炸

📝 查看和编辑造型

操作步骤：

1. 选中一个角色
2. 点击标签页的 "造型"（旁边是"代码"和"声音"）
3. 你会看到当前角色的所有造型

造型区的功能：

• ➕ 添加造型：从素材库选、自己画、上传图片
• ✏️ 编辑：修改现有造型
• 🗑️ 删除：去掉不需要的造型
• 📋 复制：基于现有造型修改

🔄 切换造型积木

在 🟪 "外观" 分类中：

换成 [造型1 v] 造型           ← 切换到指定造型下一个造型                    ← 按顺序切换将造型切换为 [下一个 v]        ← 同上

🎬 制作行走动画

原理：快速连续播放多个造型，就像翻书动画一样！

示例：小猫走路

假设小猫有 4 个走路造型：walk1, walk2, walk3, walk4

当绿旗被点击重复执行  下一个造型  移动 5 步  等待 0.1 秒

💡 关键：等待 的时间决定了动画速度，太短会太快，太长会卡顿。

🎨 绘制自己的造型

位图模式 vs 矢量图模式：

绘图工具介绍：

• ✏️ 画笔：自由绘制
• ⬜ 形状：矩形、圆形、直线
• 🎨 填充：给封闭区域上色
• ✂️ 变形：拉伸、旋转、翻转

小技巧：

• 使用 中心点工具 设置角色的旋转中心
• 用 图层 管理前后关系
• 组合 多个形状成一个整体

二、背景——舞台的变换

🖼️ 背景也是角色

在 Scratch 中，背景其实也是一种特殊的角色，它不能移动，但可以：

• 切换造型（不同场景）
• 使用特效
• 发送和接收广播

📝 管理背景

操作步骤：

1. 点击右下角的 "舞台"（在角色区下面）
2. 点击 "背景" 标签
3. 像管理角色造型一样管理背景

🌅 切换背景

换成 [背景1 v] 背景下一个背景

应用场景：

• 🎮 游戏过关后切换场景
• 📖 故事讲到不同地点
• 🌙 白天黑夜交替

🎯 实战：制作过场动画

当接收到 [进入森林 v]重复执行 10 次  将 [虚像 v] 特效增加 10    ← 慢慢淡出等待 0.5 秒换成 [森林背景 v] 背景将 [虚像 v] 特效设定为 [100]重复执行 10 次  将 [虚像 v] 特效增加 -10   ← 慢慢淡入

三、特效——视觉魔法

✨ Scratch 的图像特效

在 🟪 "外观" 分类中，有 7 种神奇特效：

📝 特效积木

将 [颜色 v] 特效设定为 [50]      ← 设为具体值将 [亮度 v] 特效增加 [10]         ← 在当前基础上增减清除图形特效                     ← 恢复原始状态

🎆 实战：制作炫彩特效

彩虹变色效果：

当绿旗被点击重复执行  将 [颜色 v] 特效增加 5  等待 0.05 秒

受伤闪烁效果：

当接收到 [受伤 v]重复执行 5 次  将 [亮度 v] 特效设定为 [50]    ← 变白  等待 0.1 秒  将 [亮度 v] 特效设定为 [-50]   ← 变黑  等待 0.1 秒清除图形特效                     ← 恢复正常

隐身效果：

当按下 [i v] 键如果 <(虚像) = [0]> 那么  重复执行 10 次    将 [虚像 v] 特效增加 10      ← 逐渐消失否则  重复执行 10 次    将 [虚像 v] 增加 [-10]       ← 逐渐显现

四、图层——谁在前谁在后

📚 理解图层概念

想象一叠纸，上面的会遮住下面的。在 Scratch 中，图层决定了角色的前后顺序。

默认规则：

• 后添加的角色在上面
• 可以手动调整顺序

📝 图层控制积木

移到最前面前移 (1) 层后移 (1) 层移到最后面

🎯 实战：实现遮挡效果

场景：人物走进房子

// 人物代码当绿旗被点击重复执行  如果 <(y 坐标) > [0]> 那么    ← 走到房子后面    移到最后面  否则    移到最前面                  ← 走到房子前面

五、声音——听觉的盛宴

🔊 Scratch 的声音系统

点击角色的 "声音" 标签，你可以：

• 🎵 从素材库选择音效
• 🎤 录制自己的声音
• 📁 上传音频文件（MP3、WAV）

🟩 声音积木

在 🟩 "声音" 分类中：

播放控制

播放声音 [Meow v] 直到播放完毕     ← 等播完再执行下一条开始播放声音 [Meow v]              ← 立即执行下一条（异步）停止所有声音                      ← 静音

音效调整

将 [音调 v] 音效增加 [10]          ← 变尖锐将 [左右平衡 v] 音效增加 [-10]      ← 偏向左声道将音量增加 [-10]                  ← 变小声将音量设为 [100] %                ← 设为具体值

🎵 实战：背景音乐系统

// 背景音乐循环当绿旗被点击将音量设为 [50] %                 ← 不要太大声重复执行  播放声音 [背景音乐1 v] 直到播放完毕  播放声音 [背景音乐2 v] 直到播放完毕

🔫 实战：音效管理

// 射击音效（短促有力）当接收到 [发射 v]将音量设为 [100] %将 [音调 v] 音效设定为 [随机数]开始播放声音 [激光 v]// 爆炸音效（大声震撼）当接收到 [爆炸 v]将音量设为 [100] %播放声音 [爆炸 v] 直到播放完毕

六、文字与对话

💬 说话气泡

说 [你好！] (2) 秒               ← 显示文字气泡思考 [怎么办呢...] (2) 秒        ← 显示思考气泡

应用场景：

• 🎮 NPC 对话
• 📢 提示信息
• 💭 角色内心独白

📝 动态文字

结合变量显示实时数据：

重复执行  说 (连接 [生命值：] 和 (生命值)) 0.5 秒

七、综合项目：完整的动画短片

🎬 项目：《小猫的一天》

剧情：

1. 🌅 早晨：太阳升起，小猫起床
2. 🍽️ 中午：吃饭、玩耍
3. 🌙 晚上：看星星、睡觉

📝 实现要点

背景切换：

当绿旗被点击换成 [日出 v] 背景等待 2 秒换成 [白天 v] 背景等待 3 秒换成 [夜晚 v] 背景

角色动画：

// 起床动作换成 [睡觉 v] 造型等待 1 秒重复执行 3 次                    ← 伸懒腰  换成 [伸懒腰1 v] 造型  等待 0.3 秒  换成 [伸懒腰2 v] 造型  等待 0.3 秒换成 [站立 v] 造型

音效配合：

// 时间变化音效当换成 [日出 v] 背景播放声音 [鸡鸣 v]将 [亮度 v] 特效设定为 [20]当换成 [夜晚 v] 背景播放声音 [虫鸣 v]将 [亮度 v] 特效设定为 [-30]

八、性能优化与最佳实践

⚡ 动画优化技巧

1️⃣ 合理使用"等待"

// ❌ 太慢等待 0.5 秒// ✅ 流畅等待 0.05 秒 到 0.1 秒

2️⃣ 减少不必要的特效

// ❌ 同时用太多特效会卡将 [颜色 v] 特效设定为 [50]将 [鱼眼 v] 特效设定为 [50]将 [漩涡 v] 特效设定为 [50]// ✅ 一次只用一种主要特效

3️⃣ 及时清理

// 动画结束后清除特效重复执行 10 次  将 [虚像 v] 特效增加 10清除图形特效                    ← 恢复干净状态

🎨 美术资源建议

尺寸规范：

• 角色：建议 240×180 像素以内
• 背景：正好 480×360 像素
• 文件大小：单张图片不超过 1MB

格式选择：

• 简单图形：用矢量图（SVG）
• 复杂图片：用位图（PNG/JPG）
• 透明背景：用 PNG

九、创意案例展示

🌟 案例 1：魔法变身

当接收到 [变身 v]播放声音 [魔法 v]重复执行 20 次  将 [漩涡 v] 特效增加 10  将 [亮度 v] 特效增加 5  等待 0.05 秒换成 [超级形态 v] 造型清除图形特效将 [颜色 v] 特效设定为 [30]      ← 金色光芒

🌟 案例 2：天气系统

当接收到 [下雨 v]换成 [阴天 v] 背景将 [亮度 v] 特效设定为 [-20]重复执行 50 次  克隆 [雨滴 v]  等待 0.1 秒播放声音 [雷声 v]

🌟 案例 3：战斗技能特效

定义 释放技能 技能名 (技能名)如果 <(技能名) = [火球]> 那么  将 [颜色 v] 特效设定为 [10]    ← 红色  重复执行 10 次    将角色大小增加 5    等待 0.05 秒  广播 [发射火球 v]否则如果 <(技能名) = [冰冻]> 那么  将 [颜色 v] 特效设定为 [150]   ← 蓝色  播放声音 [冰冻 v]  ...

十、本章知识点总结

🎯 核心技能

🎨 创作流程建议

1. 构思 → 画出草图，规划场景
2. 准备素材 → 收集/绘制造型和背景
3. 基础功能 → 先让程序能运行
4. 美化外观 → 添加动画和特效
5. 完善音效 → 配上合适的声音
6. 测试优化 → 确保流畅不卡顿

📝 课后作业

必做题

1. 为自己喜欢的角色设计 4 个造型，制作行走动画
2. 制作一个简单的过场动画（至少包含3个背景切换）
3. 给之前的射击游戏添加音效和爆炸特效

选做题

1. 制作一个会眨眼睛、会呼吸的角色
2. 创建昼夜交替的场景（太阳升起落下，天空变色）
3. 制作一段 30 秒的动画短片（有剧情、有音效）

思考题

1. 为什么动画需要"等待"积木？没有会怎样？
2. 矢量图和位图各有什么优缺点？
3. 如果要做一个节奏游戏，需要考虑哪些声音相关的问题？

🚀 预告下一章

第七章我们将学习 《侦测与交互——让程序更智能》，你将学会：

• 精确检测碰撞和距离
• 使用鼠标和摄像头交互
• 制作 AI 对手
• 响应外部设备输入

准备好让你的程序"感知"世界了吗？我们下节课见！

记住：好的程序不只是代码的堆砌，更是视觉和听觉的艺术。让你的作品既有灵魂，又有颜值！🎨🎵✨