搜索

Scratch 教程

基本介绍

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

图形与声音

绘制造型&背景 编辑音效

程序积木

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

扩充功能

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

技巧&观念

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

入门范例

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

进阶范例

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

视觉特效范例

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

绘图范例

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

物理&模拟范例

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

入门游戏范例

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

进阶游戏范例

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

团康游戏范例

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

游戏设计技巧

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

两个磁铁的磁力线

这篇文章会沿用“简单磁铁效果”的范例,在 Scratch 里使用函数、数学计算、重复、定位、旋转...等积木,实作两个磁铁之间的磁力线效果 ( 进一步更可以控制磁铁的强度 )。

相关文章参考:函数、重复、数学计算、定位、旋转。

打开范例

本篇教学为“简单磁铁效果”一文的延伸,请先打开范例进行编辑。

范例链接:https://scratch.mit.edu/projects/564123957/。

角色设定

在角色编辑区,复制蓝色磁铁角色,将角色改成红色,三个角色的名称改成“黑色磁铁线”、“蓝磁铁”和“红磁铁”。

Scratch 教学 - 两个磁铁的磁力线

积木程序原理 ( 蓝色、红色磁铁 )

点击“蓝色圆形磁铁”角色,设定点击绿旗时的动作:

Scratch 教学 - 两个磁铁的磁力线

点击“红色圆形磁铁”角色,设定点击绿旗时的动作:

Scratch 教学 - 两个磁铁的磁力线

积木程序原理 ( 黑色磁铁线 )

因为舞台上同时有两个磁铁,所以磁铁线必须要判断“比较靠近哪个磁铁”,根据距离进行对应的转动,空间中两点间的距离,可以参考下方图片公式:

Scratch 教学 - 两个磁铁的磁力线

点击“黑色磁铁线”角色,从左侧清单里,新增“a距离”和“b距离”两个变数,以及新增一个名为“两点间直线”的函数,函数包含四个参数,勾选“执行完成后再更新画面”。

Scratch 教学 - 两个磁铁的磁力线

编辑“两点间直线”函数内容,根据两点间的公式做设定:

Scratch 教学 - 两个磁铁的磁力线

编辑当分身产生的程序:

Scratch 教学 - 两个磁铁的磁力线

完成后,点击绿旗,舞台上就会看到靠近蓝色磁铁的磁铁线转向蓝色,靠近红色磁铁的转向红色。

Scratch 教学 - 两个磁铁的磁力线

积木程序原理 ( 模拟磁力线 )

做到这一个步骤,虽然可以让磁铁线转向,但对于模拟磁力线来说,所有的磁铁线都会被两个磁铁所影响,而不是像目前的“二分法”,所以接着要对“两点间直线”的函数进行修改,新增“ab距离”和“h”两个变数:

Scratch 教学 - 两个磁铁的磁力线

新增“a强度”和“b强度”两个变数,默认值 5,表示两个磁铁的强度。

Scratch 教学 - 两个磁铁的磁力线

新增一个名为“旋转方向”的函数,增加一个参数 deg,勾选“执行完毕再更新画面”。

Scratch 教学 - 两个磁铁的磁力线

观察舞台上的两个磁铁,磁铁组成的区域共有八个,下图呈现对应的数值判断:

Scratch 教学 - 两个磁铁的磁力线

根据八个对应的数值,编辑“旋转方向”的函数:

为什么要多一个变数 n 呢?因为 Scratch 的逻辑判断条件有限,为了不让后面的判断影响到前面,例如前面的判断将角度增加为 180,当后面判断到 180 的时候,就会又把角度作修改。

八个判断的条件列表如下:

方向区间 距离比较 旋转方向
0> 方向 > -90 a距离 < ab距离 左转
0> 方向 > -90 a距离 > ab距离 右转
90 > 方向 > 0 b距离 < ab距离 右转
90 > 方向 > 0 b距离 > ab距离 左转
-90 > 方向 > -180 a距离 < ab距离 右转
-90 > 方向 > -180 a距离 > ab距离 左转
180 > 方向 > 90 b距离 < ab距离 左转
180 > 方向 > 90 b距离 > ab距离 右转

Scratch 教学 - 两个磁铁的磁力线

最后修改分身产生的程序:

Scratch 教学 - 两个磁铁的磁力线

完成效果

完成后,点击绿旗,舞台上就会模拟出现两个磁铁的磁力线。

Scratch 教学 - 两个磁铁的磁力线

范例解答

范例解答:两个磁铁的磁力线

意见反馈

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