搜索

Scratch 教程

基本介绍

使用 Scratch 3 注册与登录 操作界面 我的东西

图形与声音

绘制造型&背景 编辑音效

程序积木

积木种类 动作 外观 音效 事件 控制 侦测 运算 变数 清单 函数积木

扩充功能

音乐 画笔 视频侦测 文字转语音 翻译

技巧&观念

全域变数、区域变数 深入理解区域变数 控制指定分身 控制所有分身的方法 云端变数 云端变数记录文字 变数串接文字 判断英文字母大小写 中断与停止程序 广播消息并等待 键盘与鼠标 鼠标点击与长按 侦测所有键盘按键 点击隐藏的角色 突破角色尺寸限制 角色与舞台边界 重复积木的等待时间 音乐暂停与继续播放 使用造型名称建立清单 使用造型代替变数 文字转清单 清单合并为文字 判断两个清单是否相同 复制清单、反转清单 清单数字排序 清单最大值最小值

入门范例

键盘控制猫咪 指向中间的箭头 水果音乐钢琴 猫咪的影分身之术 猫咪的细胞分裂 螃蟹跑来跑去 吃水果 摸蝴蝶 小狗追棒球 鱼儿水中游 小鸟往前飞 舞棍阿伯 小时钟 摇骰子 转动的眼球 抽奖轮盘 大乐透电脑选号 卡牌抽签 ( 20 中 1 ) 移动到边缘切换场景 人物依序跳舞 ( 广播 ) 按钮控制猫咪 ( 广播 )

进阶范例

猫咪跑步 ( 连续背景 ) 猫咪跑步 ( 超长背景 ) 大型数字 ( 图形数字 ) 拖拉怪兽碰撞墙壁 键盘钢琴 ( 记录音符 ) 中文字逐字稿 英文字逐字稿 计算机 1 ( 显示数字 ) 计算机 2 ( 加减乘除 ) 云端聊天室 音乐播放器 推猫咪 ( 视频侦测 ) 围捕小鱼 ( 视频侦测 ) 戳泡泡 ( 视频侦测 )

视觉特效范例

视差效果 水中吐泡泡 雪花随风飘 键盘钢琴 ( 音符动画 ) 无限循环画中画 水底探照灯 狙击望远镜 ( 两倍变焦 ) 猫咪万花筒 仙女棒 ( 光迹效果 ) 骇客任务背景特效 放烟火 1 ( 往上发射 ) 放烟火 2 ( 爆炸效果 )

绘图范例

镜射画图 ( 对称图形 ) 小画家 ( 舞台上画图 ) 记录画图轨迹 绘制圆形 绘制椭圆形 绘制立方体 ( 会动 ) 绘制正多边形 绘制正多角星形 ( 单纯 ) 绘制正多角星形 ( 多线 ) 绘制抛物线 绘制折线图 绘制圆饼图 绘制圆饼图 ( 指示线 ) 蜘蛛结网 ( 八边形网 ) 绘制舞台方格 绘制正弦波形 ( sin ) 正弦波毛毛虫动画 显示声波图形

物理&模拟范例

钟摆运动 简单磁铁效果 两个磁铁的磁力线 立体空间 ( 三度空间 ) 循迹移动 抛物线发射炮弹 地球绕着太阳转 弹跳的篮球 电风扇 ( 控制强度 ) 拉不走的弹力球 惯性移动 ( 鼠标 ) 惯性移动 ( 键盘 )

入门游戏范例

猴子接香蕉 打地鼠 打地鼠 ( 体感视频侦测 ) 刮刮乐 吹风机吹头发 太空狗闪躲陨石 九九乘法测验 英文单字测验 钓鱼游戏 拍西瓜 ( 储存最高分 ) 宝可梦猜猜我是谁 ( 基本 ) 形状配对拼图 台湾地图拼图 英文打字机 英文打字机 ( 判断大小写 ) 射击外星人 猜数字 ( 猜大小 ) 猜数字 ( 几 A 几 B ) 连连看 ( 产生器 ) 连连看

进阶游戏范例

青蛙过河 青蛙过马路 反弹球 ( 乒乓球 ) 打砖块 狙击气球 ( 两倍变焦 ) Flappy Bird Flappy Bird ( 声控版 ) 走迷宫 ( 基本 ) 大型迷宫 ( 键盘控制 ) 大型迷宫 ( 鼠标控制 ) 翻卡记忆游戏 翻卡记忆游戏 ( 改良版 ) 井字棋 ( 圈圈叉叉 ) 九宫格拼图 九宫格拼图 ( 改良版 ) 音阶记忆 贪吃蛇 ( 分身版 ) 贪吃蛇 ( 画笔版 ) 小鸡下楼梯 拉霸机

团康游戏范例

摇骰子 ( 1~3 个 ) 比手画脚 ( 猜动物 ) 音乐传球游戏 大声公 ( 比赛谁的气长 ) 抽签 ( 可调整中签数量 ) 转盘指针 ( 指到谁就当鬼 ) 倒数计时器 ( 基本版 ) 倒数计时器 ( 大数字版 )

游戏设计技巧

角色 ( 地上移动 ) 角色 ( 蹲下、左右转 ) 角色 ( 跳耀、两段跳 ) 角色 ( 墙壁、爬墙 ) 地图 ( 清单转换 ) 地图 ( 二维数组 ) 地图 ( 控制移动 ) 地图 ( 墙壁碰撞侦测 ) 地图 ( 吃东西侦测 ) 俄罗斯方块 ( 角色与背景 ) 俄罗斯方块 ( 移动与碰撞 ) 俄罗斯方块 ( 放置方块 ) 俄罗斯方块 ( 消除完成方块 ) 俄罗斯方块 ( 下个形状 )

九宫格拼图 ( 改良版 )

这篇文章会介绍,如何在 Scratch 里使用变数、分身、清单、多个角色、重复、滑行、广播消息和数学计算...等积木,实作一个九宫挌拼图的小游戏 ( 此篇文章修改原本“九宫格拼图”无法过关的问题,并改用分身的做法,让程序更清楚好懂 )。

快速导览:

绘制角色

使用绘画的方式新增角色“box”,负责画面上作为题目 1~8 的数字方块,使用方形工具绘制 98x98 的白底黑边正方形,将其对齐画布中心。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 98x98 的白底黑边正方形

在正方形里加上数字,接着复制成为八组造型,内容是 1~8 的数字,造型名称也必须对应内容数字,使用 1~8 作为名称。

文字的“行高”会让尺寸产生变化,但只要文字不要超过正方形,基本尺寸就仍然是 98x98。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 复制成为八组造型

使用绘画的方式新增角色“move”,负责画面上作为缺口的空白方块,使用方形工具绘制 98x98 的白底正方形,将其对齐画布中心。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 98x98 的白底正方形

加入一个角色“cat”,负责提示现在走了几步,或者提示现在是否过关。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 负责提示现在走了几步

程序原理 ( box 数字方块 )

编辑 box 数字方块角色的程序,新增“方块位置清单”函数,勾选“执行完毕再更新画面”。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 方块位置清单

“方块位置清单”函数内容放入 pos_x 和 pos_y 两个清单,清单内容分别纪录九宫格的座标,座标的数值如下图所示。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 放入 pos_x 和 pos_y 两个清单

新增“造型清单”函数,勾选“执行完毕再更新画面”。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 造型清单

“造型清单”函数内容先用一个 list 清单搭配重复循环依序纪录每个造型名称 1~8,纪录完成后,重复“偶数次”,每次重复将最后一项移动到“随机的奇数项”,这种互换的方式可以确保都是“偶数替换”,避免无法过关的状况发生,互换完成后,list 的内容会变成随机数,在最后添加 9 作为空白方块使用。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 确保都是“偶数替换”

新增“建立分身”函数,勾选“执行完毕再更新画面”。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 建立分身

“建立分身”函数内容先隐藏本尊,新增变数 n 纪录第几个项目,并使用重复八次的循环产生八个分身。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 重复八次的循环产生八个分身

编辑点击绿旗时,依序执行函数,并在分身产生时,根据位置清单和造型清单,将分身摆放到指定的位置并切换成对应的造型。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 将分身摆放到指定的位置并切换成对应的造型

新增“移动”函数,不用勾选“执行完毕再更新画面”。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 移动

“移动”函数内容使用 x 和 y 变数纪录“被点击的”数字方块座标,接着判断如果“数字方块和空白方块的 x y 座标距离总和小于 110”,表示这个数字方块会移动,移动时使用变数 a 纪录数字方块在清单 list 里的项目位置,使用变数 o 纪录空白方块在清单 list 里的项目位置,再透过“替换”积木将两者互换,互换后发送 move 广播信号并滑行到空白方块的位置。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 数字方块和空白方块的 x y 座标距离总和小于 110

回到建立分身的积木里,使用重复循环搭配逻辑,实作点击分身的程序,当分身被点击时,执行“移动”函数,同时判断 ok 变数是否等于 list 清单,如果不相等表示还没过关,可以继续移动。

ok 变数内容会在另外的角色设定,判断相等的作法参考“判断两个清单是否相同”。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 判断 ok 变数是否等于 list 清单

程序原理 ( move 空白方块 )

编辑 move 空白方块角色的程序,点击绿旗时将空白方块定位在九宫格的右下角,设定 ox 和 oy 变数为当前的座标,当收到 move 广播信号时,将位置设定到数字方块的位置,并更新 ox 和 oy 的内容。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 程序原理 ( move 空白方块 )

程序原理 ( cat 提示角色 )

编辑 cat 提示角色的程序,点击绿旗时将角色定位在舞台右下角,使用 step 变数纪录步数,使用 ok 变数存放过关的数字排列,收到 move 广播信号时,除了更改 step 步数,同时也会判断 list 清单内容是否等于 ok 变数的值,如果相等就呈现过关消息。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 ) - 程序原理 ( move 空白方块 )

完成效果

完成后,点击绿旗,就可以开始进行九宫格拼图的游戏。

Scratch 教学 - 九宫挌拼图 ( 2024 改良版 )

范例解答

范例解答:九宫挌拼图 ( 2024 改良版 )

意见反馈

微信二维码 微信扫码关注 抖音二维码 抖音扫码关注