搜索

Scratch 教程

基本介绍

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

图形与声音

绘制造型&背景 编辑音效

程序积木

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

扩充功能

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

技巧&观念

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

入门范例

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

进阶范例

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

视觉特效范例

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

绘图范例

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

物理&模拟范例

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

入门游戏范例

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

进阶游戏范例

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

团康游戏范例

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

游戏设计技巧

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

视频侦测

视频侦测 Video Sensing 可以让 Scratch 透过电脑的摄影机,侦测用户的动作与速度,搭配程序积木的逻辑组合,就能和舞台上的角色互动,进一步做出许多精彩有趣的体感游戏。

如何使用视频侦测

打开 Scratch 3 的扩充功能,点选“视频侦测”的区块,就能将视频侦测加到积木选单里。

视频侦测积木有几种:侦测动作 / 速度、当视频动作大于、打开 / 关闭 / 翻转、透明度。

因为视频侦测会使用电脑的摄影机,所以在加入时,必须要“允许”浏览器存取摄影机的权限。

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

加入视频侦测之后,在舞台区的背景,立刻就能看到摄影机的画面 ( 一开始默认是半透明,可以透过积木调整透明度 )

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

侦测动作 / 速度

“侦测动作 / 速度”积木使用后,会显示角色或舞台所侦测到的方向或动作。

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

视频侦测主要是借由“影片每一格画面的变化”来判断动作与方向,动作与方向的说明如下:

  • 动作:在角色 ( 接触到角色 )或舞台里移动的速度,数值为 0~100,数值越快速度越快,动作也越大。
  • 方向:以角色的方向,或舞台往右的方向为基准,所侦测到画面改变的方向,从左到右为 -90~90 ( 或 -90~-270 ),从上到下为 0~180 ( 或 -360~-180 ),详细 Scratch 的方向说明可以参考:Scratch Direction (value)。

在角色的程序,放入两个变数 ( 角色方向、角色动作 ),在舞台的程序,也放入两个变数 ( 舞台方向、舞台动作 ),透过无限重复的积木,在视频侦测时显示方向和动作数值。

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

执行时可以发现,如果画面的变化没有触碰到角色,角色的变数数值也不会有变化,也由于舞台是侦测全部的画面,所以只要画面变化,舞台的变数数值就会变动。

范例链接:视频侦测显示动作和方向

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

下图的例子,透过重复无限次的积木搭配逻辑判断,当猫咪角色被触碰到的时候,移动到随机的位置。

范例链接:猫咪被摸到的时候随机移动

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

当视频动作大于

如果只是想简单体验,可以使用“当视频动作大于...”积木,这个积木是圆顶形积木,只要侦测动作大于某个数值时就执行下方程序。

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

下图的例子,设定当动作大于 10 的时候,就让猫咪角色说出 hello。

“当视频动作大于...”积木使用之后,效果等同于使用无限重复积木做逻辑判断,且无法使用舞台的停止按钮停止。

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

打开 / 关闭 / 翻转

“打开 / 关闭 / 翻转”积木可以设定是否打开或关闭摄影机,也可以在设定摄影机的画面是否“水平翻转”( 默认图像会像镜子一样,举右手时画面里的人是举左手,如果设定翻转,则举右手时画面里的人也是举右手 )。

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

透明度

“透明度”积木可以设定摄影机画面的透明度,数字范围 0~100,数字越大越透明 ( 越能够看到背景 ),0 表示完全看不到舞台背景。

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

下图采用同一张棒球场的背景图,可以看到透明度 10、50 和 90 的差异。

Scratch 教学 - 视频侦测 Video Sensing Extension - 视频侦测

意见反馈

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