# L1-13《神笔马良》PPT 大纲 > 面向学生 · 🔴 画笔扩展第二次教学 · 鼠标跟随 · 落笔抬笔 · 几何图形绘制 --- ## 第一关 · 课前导入 ### 第1页 封面 - 大标题（深蓝色字）：**L1-13 神笔马良** 🖌️ - 副标题：和小超人一起画出整个世界！✨ - 画面元素：画笔角色跟随鼠标移动、画出的正方形/三角形/五角星、彩色线条 - 品牌条：L1-13 ### 第2页 温故知新（回顾 L1-12） - 标签：🔁 温故知新 - 回顾卡（图文）： - 🧬 **克隆**：本体隐藏 + 克隆体显示（分身术！） - 🛑 **停止 全部脚本**：立刻停止所有脚本（游戏结束用） - 🎲 **随机数 + 方向**：取随机数控制弹球反弹方向 - 🎯 **碰到角色侦测**：检测弹球是否碰到挡板/砖块 - 🧱 **打砖块**：挡板+弹球+砖块克隆的组合实战 - 引导语："上节课我们用克隆做出了打砖块游戏，造了5块砖让弹球去打。今天要走另一条路——你不是破坏者，你是创造者！拿到Scratch的神笔，画什么就出现什么！🖌️" ### 第3页 故事导入 - **故事**：小超人在Scratch世界里捡到了一支闪闪发光的神笔 ✨🖌️！这支笔跟普通画笔不一样——它不用纸，在舞台上画的所有东西都会变成真的！正方形变成窗户，三角形变成屋顶，五角星变成天空的星星……小超人想起一个古老童话里的神笔马良，决定也当一回马良，用Scratch画出一个几何世界！ - **互动提问**："如果给你一支画什么变什么的神笔，你最想画什么？🤔" - **画面**：神笔马良动画风格 + Scratch舞台上画出彩色几何图形 ### 第4页 功能分析 ``` ┌─────────────────────────────────┐ │ 🎬 运行视频（左侧占位框） │ ├─────────────────────────────────┤ │ 背景：📄 白纸背景（或自制画布） │ │ 角色：🖌️ 画笔（隐形跟随鼠标） │ │ 功能： │ │ ① 画笔跟随鼠标移动 │ │ ② 按下↓键=落笔（开始画线） │ │ ③ 按下↑键=抬笔（移动不留痕） │ │ ④ 数字键切换画笔颜色 │ │ ⑤ 粗细调整+全部擦除 │ │ ⑥ 绘制正方形（4次+90°） │ │ ⑦ 绘制三角形（3次+120°） │ │ ⑧ 绘制五角星（5次+144°） │ └─────────────────────────────────┘ ``` --- ## 第二关 · 认识关 ### 第5页 认识关标题 - 01 / 认识关 · 神笔的新装备 - 四个新本领：画笔扩展 / 移到鼠标指针 / 落笔抬笔 / 颜色粗细擦除 ### 第6页 新概念 ①：Scratch画笔扩展——第二次装外挂！🔌 - 💭 回忆：L1-7 七彩钢琴——我们第一次装了外挂「音乐扩展」🎵，让Scratch能弹音符！ - 🧩 今天装第二个外挂：**「画笔」扩展** 🖌️ - 🛠 操作步骤： 1. 点击 Scratch 左下角的「添加扩展」按钮（蓝色方块+号） 2. 在扩展列表中找到「画笔」🖌️ 3. 点击选择 → 左侧积木区新增**绿色画笔模块**！ 4. 现在你有了画画的超能力！ - 🤔 类比： | 课次 | 扩展 | 作用 | |------|------|------| | L1-7 | 音乐扩展 🎵 | 弹音符、打节拍 | | L1-13 | 画笔扩展 🖌️ | 画线条、画图形 | - 📸 配图：扩展选择界面 + 画笔扩展图标高亮 + 绿色画笔积木模块 - 💡 比喻：Scratch 就像一个手机——基础功能够用，但要更多能力就"装APP"。音乐和画笔就是两个超好用的APP！ ### 第7页 新积木 ②：移到鼠标指针 👆 - 💭 场景：画笔要跟随鼠标，鼠标移到哪画笔就去哪——怎么实现？ - 🧩 **「移到 鼠标指针 ▼」**（运动模块·蓝色） - 🛠 积木下拉选项： - 移到 **鼠标指针** → 角色瞬移到鼠标位置 - 移到 **随机位置** → 瞬移舞台随机位置 - 移到 **其他角色** → 瞬移到另一个角色身上 - 🛠 搭配使用： ``` 重复执行 移到 鼠标指针 ▼ ← 不停跟随鼠标！ ``` - 🤔 为什么需要「重复执行」？ - 不加重复执行 → 只跟一次就停了 - 加重复执行 → 一帧一帧紧跟鼠标，像影子一样！ - 📸 配图：运动模块中「移到鼠标指针」积木 + 角色跟随鼠标的示意动画 - 💡 比喻：就像用绳子把画笔绑在鼠标上 🎯，鼠标去哪画笔画哪。 ### 第8页 新积木 ③：落笔与抬笔 ✏️ - 💭 场景：画笔跟着鼠标走——但如果一直画，满屏幕都是线！需要能"画"也能"不画"。 - 🧩 **「落笔」** 和 **「抬笔」**（画笔扩展·绿色） - 🛠 工作原理： - **落笔** = 把笔按在纸上 → 移动就画出线 - **抬笔** = 把笔抬起来 → 移动不留痕迹 - 🧩 用上键和下键控制： ``` 当按下 下键 ▼ 落笔 ← 按↓开始画！ 当按下 上键 ▼ 抬笔 ← 按↑停止画！ ``` - 🤔 为什么用上下键？ - ↓箭头朝下 = 把笔按下去（落笔） - ↑箭头朝上 = 把笔抬起来（抬笔） - 方向键的方向和动作对应，好记！ - 📸 配图：画笔模块中落笔/抬笔积木 + 落笔画线vs抬笔移动效果对比 - 💡 比喻：就像写字——笔尖碰到纸（落笔）才能写，笔抬起来（抬笔）随便移动也不会有字。 ### 第9页 新积木 ④：颜色、粗细、擦除 🎨 - 💭 场景：只会画一种颜色太单调了！要能换颜色、换粗细，画错了还能擦。 - 🧩 三个画笔积木（画笔扩展·绿色）： - **「将笔的颜色设为 ___」** → 切换画笔颜色（用数字键控制不同颜色） - **「将笔的粗细设为 ___」** → 设置线条粗细（数字越大越粗） - **「全部擦除」** → 清空画布，像新纸一样干净 - 🛠 使用示例： ``` 当按下 1 ▼ 将笔的颜色设为 红色 🔴 ← 数字1=红色 当按下 2 ▼ 将笔的颜色设为 蓝色 🔵 ← 数字2=蓝色 当按下 3 ▼ 将笔的颜色设为 绿色 🟢 ← 数字3=绿色 当按下 空格 ▼ 全部擦除 ← 空白=新纸张！ ``` - 🤔 粗细调整：初始粗细=1（细线），调到5以上就明显变粗了 - 📸 配图：画笔模块三个积木位置 + 颜色下拉选择面板 + 粗细效果对比图 ### 第10页 几何角度知识 📐 - 💭 场景：要画正方形、三角形、五角星——每次转弯转多少度？ - 🧩 关键数学知识（不是积木，是必须懂的原理！）： - 🛠 旋转角度公式：**外角 = 180° - 内角**（Scratch转弯转的是外角！） - | 图形 | 重复次数 | 旋转角度 | 为什么？ | |------|---------|---------|---------| | 🔲 正方形 | 4次 | 90° | 内角90°，外角也90°（正方形特殊） | | 🔺 三角形 | 3次 | 120° | 内角60°，外角=180-60=120° | | ⭐ 五角星 | 5次 | 144° | 五角星不是正五边形！公式=180-180/5×2=144° | - 🤔 口诀记忆： - 正方形：4次转90°（"四九"） - 三角形：3次转120°（"三一二零"） - 五角星：5次转144°（"五一四四"） - 📸 配图：正方形/三角形/五角星的旋转角度示意图 + 外角标注 - 💡 Scratch原理揭秘：每次重复画一条边→右转指定角度→继续。转的不是图形的内角，是行走方向的改变角度！ --- ## 第三关 · 编程关 ### 第11页 编程关标题 - 02 / 编程关 · 七步画出整个世界！ - 路线图：鼠标跟随 → 落笔抬笔 → 颜色切换 → 粗细擦除 → 正方形 → 三角形 → 五角星 ### 第12页 Step 1：画笔跟随鼠标 👆 - STEP 01 · 让画笔像影子一样跟着鼠标 - 💭 问题：画笔怎么紧紧跟着鼠标跑？ - 🧩 积木拼图： ``` 当绿旗被点击 全部擦除 ← 开始前清空白纸 抬笔 ← 初始不要画 重复执行 移到 鼠标指针 ▼ ← 不停跟随鼠标 ``` - 🎯 要点： - 绿旗时「全部擦除 + 抬笔」= 准备一张干净的白纸 - 「移到鼠标指针」外面必须包「重复执行」 - 📸 配图：画笔角色跟随鼠标位置 + 完整积木 ### 第13页 Step 2：落笔抬笔控制 ✏️ - STEP 02 · 用上下键控制画还是不画 - 💭 问题：怎么按↓开始画，按↑停止？ - 🧩 积木拼图： ``` 当按下 下键 ▼ 落笔 ← 笔按下去，开始画！ 当按下 上键 ▼ 抬笔 ← 笔抬起来，停止画！ ``` - 🎯 要点： - 这两个是独立的键盘事件，和绿旗脚本同时运行 - ↓落笔 ↑抬笔，方向键的上下=笔的上下 - 试试：按↓→移动鼠标画线→按↑→移动鼠标不留痕→再按↓→又画！ - 📸 配图：落笔画线效果 vs 抬笔移动效果 + 两种积木 ### 第14页 Step 3：颜色切换 🎨 - STEP 03 · 用数字键切换画笔颜色 - 💭 问题：怎么按不同键换不同颜色？ - 🧩 积木拼图： ``` 当按下 1 ▼ 将笔的颜色设为 （红色）🔴 当按下 2 ▼ 将笔的颜色设为 （蓝色）🔵 当按下 3 ▼ 将笔的颜色设为 （绿色）🟢 当按下 4 ▼ 将笔的颜色设为 （黄色）🟡 ``` - 🎯 要点： - Scratch画笔颜色用色块取色器选择 - 可以自定义颜色顺序（1红2蓝3绿4黄……） - 画图过程中随时按键切换，想换就换！ - 📸 配图：画笔颜色选择面板 + 不同颜色画出的线条效果 + 积木截图 ### 第15页 Step 4：粗细调整 + 全部擦除 📏 - STEP 04 · 调粗细 + 清空画布 - 💭 问题：线条能变粗变细吗？画错了怎么办？ - 🧩 粗细调整： ``` 当按下 右移键 ▼ 将笔的粗细增加 1 ← 越来越粗 当按下 左移键 ▼ 将笔的粗细增加 -1 ← 越来越细 ``` - 🧩 全部擦除： ``` 当按下 空格键 ▼ 全部擦除 ← 一键清空！新白纸！ ``` - 🎯 要点： - 粗细不要设太大（1-20之间），太大画出的线占满屏幕 - 「全部擦除」和绿旗脚本里的那个一样——新纸张！ - 📸 配图：粗细1/3/10三种线条对比 + 全部擦除效果动画 ### 第16页 Step 5：绘制正方形 🔲 - STEP 05 · 自动画一个正方形 - 💭 问题：怎么不用手动移动鼠标，让程序自动画出正方形？ - 🧩 积木拼图： ``` 当按下 s ▼ ← s = Square（正方形） 将笔的颜色设为 （红色） 将笔的粗细设为 3 落笔 重复 4 次 移动 80 步 右转 90 度 抬笔 ``` - 🎯 关键理解： - 重复4次：正方形有4条边 - 移动80步：边长80 - 右转90°：正方形每个角转90度 - 最后抬笔：画完就把笔抬起来 - 💡 原理：画一边→转90°→画一边→转90°→……转4次刚好回到起点！ - 📸 配图：正方形旋转角度标注 + 画正方形轨迹图 + 完整积木 ### 第17页 Step 6：绘制三角形 🔺 - STEP 06 · 自动画一个三角形 - 💭 问题：三角形和正方形有什么不同？ - 🧩 积木拼图： ``` 当按下 t ▼ ← t = Triangle（三角形） 将笔的颜色设为 （蓝色） 将笔的粗细设为 3 落笔 重复 3 次 移动 100 步 右转 120 度 抬笔 ``` - 🎯 关键理解： - 重复3次：三角形有3条边 - 右转120°：三角形的外角是120°（内角60°） - 移动100步：边长比正方形长一点，看起来一样大 - 💡 为什么是120°不是60°？ - 三角形内角=60°，但你画完一条边转弯时转的是**外角** - 外角 = 180° - 内角 = 180° - 60° = 120° - 想象你沿着三角形边走：每次转弯都是一个大弯（120°）！ - 📸 配图：三角形内角外角标注图 + 画三角形轨迹图 + 完整积木 ### 第18页 Step 7：绘制五角星 ⭐（扩展） - STEP 07 · 画一颗闪亮的五角星 - 💭 问题：五角星为什么转144°？ - 🧩 积木拼图： ``` 当按下 p ▼ ← p = Pentagon star（五角星） 将笔的颜色设为 （黄色） 将笔的粗细设为 3 落笔 重复 5 次 移动 100 步 右转 144 度 抬笔 ``` - 🎯 关键理解： - 重复5次：五角星有5个顶点 - 右转144°：五角星的秘密角度！ - 五角星不是正五边形——画的时候是"跳过一个顶点"的方式画 - 公式：180 - 180 ÷ 5 × 2 = 180 - 36 × 2 = 180 - 72 = **144°** - 💡 口诀：「五星一百四十四」 - 📸 配图：五角星旋转角度标注 + 画五角星轨迹图 + 完整积木 ### 第19页 整体组装 🧩 - 📋 所有脚本总览（一页汇总） - 🖌️ 基础层：鼠标跟随 + 落笔抬笔 + 颜色切换 + 粗细擦除 - 🔲 图形层：正方形(s键) + 三角形(t键) + 五角星(p键) - 🎯 强调：最底层「移到鼠标指针」要一直运行；图形画的时候会自动用当前颜色和粗细 - 🎮 操作总览表： | 按键 | 功能 | |------|------| | ↓ | 落笔（开始画） | | ↑ | 抬笔（停止画） | | 1~4 | 切换颜色 | | 左右键 | 调整粗细 | | 空格 | 全部擦除 | | S | 画正方形 | | T | 画三角形 | | P | 画五角星 | - 📸 配图：所有脚本截图 + 自由绘制效果展示 ### 第20页 Bug 急救站 🏥 - 🐛 Bug 1：画笔不会跟着鼠标动 - ❓ 有没有加「移到鼠标指针」积木？ - ❓ 外面有没有「重复执行」包裹？（必须包！） - ❓ 画笔扩展加载了吗？（左下角→添加扩展→画笔） - 🐛 Bug 2：画画时满屏幕都是乱线 - ❓ 初始有没有「抬笔」？绿旗脚本加一句「抬笔」 - ❓ 按↑键抬笔了吗？确认抬笔积木运行了 - 🐛 Bug 3：颜色切换不了 - ❓ 画笔扩展加载了吗？ - ❓ 「将笔的颜色设为」积木里的颜色选对了吗？ - ❓ 按键检测写对了吗（数字键1不是字母键） - 🐛 Bug 4：正方形画出来不像正方形（歪了/画不完） - ❓ 重复次数是不是4？ - ❓ 旋转角度是不是90°？（不是90°就不会回到起点） - ❓ 有抬笔吗？画之前要「落笔」！ - 🐛 Bug 5：三角形不闭合（回不到起点） - ❓ 旋转角度是120°吗？最容易犯的错是写成60°！ - ❓ 画完三条边要正好转360°（120×3=360）才闭合 - 🐛 Bug 6：五角星画成了五边形 - ❓ 旋转角度是144°吗？写144不是72！ - ❓ 如果转72°会画出正五边形，转144°才是五角星 --- ## 第四关 · 扩展关 ### 第21页 扩展关标题 - 03 / 扩展关 · 神笔马良的创意工坊 ### 第22页 三级挑战 ⭐ - ⭐ **初级**：画矩形（重复2次：移动长边→右转90°→移动短边→右转90°） - ⭐⭐ **中级**：画圆形——用重复36次（移动10步+右转10°），36×10=360°刚好一圈！ - 移动步数越少→圆越小；次数越多→圆越圆滑 - ⭐⭐⭐ **高级**：写自己的名字——自由控制鼠标画出汉字！挑战：能不能画出「马良」两个字？ - 🎨 **自由创作**： - 设计画笔颜色渐变的彩虹螺旋 🔄🌈 - 画一个房子：正方形（墙）+ 三角形（屋顶）+ 小正方形（窗户） - 用五角星做夜空背景 ⭐⭐⭐⭐ --- ## 第五关 · 课堂总结 ### 第23页 课堂总结标题 - 04 / 课堂总结 · 今天学到了什么 ### 第24页 积木与概念全家福 | 积木/概念 | 位置 | 作用 | |-----------|------|------| | 🖌️ 画笔扩展 | 左下角添加扩展 | 让Scratch获得画画能力 | | ✏️ 落笔 | 画笔模块（绿色） | 笔按下去，移动就画线 | | ✏️ 抬笔 | 画笔模块（绿色） | 笔抬起来，移动不留痕迹 | | 🎨 将笔的颜色设为 | 画笔模块（绿色） | 切换画笔颜色 | | 📏 将笔的粗细设为 | 画笔模块（绿色） | 设置线条粗细 | | 🧹 全部擦除 | 画笔模块（绿色） | 清空画布，新白纸 | | 👆 移到鼠标指针 | 运动模块（蓝色） | 角色瞬移跟随鼠标 | | 🔄 重复执行 | 控制模块（橙色） | 让积木一直运行 | | 📐 角度知识 | 数学概念 | 正方形90°/三角形120°/五角星144° | ### 第25页 随堂测验 ✍ - Q1：画笔扩展在Scratch的哪里加载？（提示：还记得L1-7的音乐扩展在哪吗？） - Q2：落笔和抬笔有什么区别？用哪两个键控制？ - Q3：画三角形为什么转120°而不是60°？ - Q4：连一连： - 正方形 · · 144° - 三角形 · · 90° - 五角星 · · 120° - Q5：画正方形需要几个关键积木？（至少写出3个：落笔/重复4次/移动/右转90°/抬笔） --- ## 第六关 · 展示关 ### 第26页 展示关标题 - 05 / 展示关 · 向爸爸妈妈展示！ ### 第27页 展示脚本（填空式） ``` 🎤 大家好！今天我变成神笔马良啦—— 我用Scratch的「__________」扩展实现了画画功能 画笔用「__________」积木跟随鼠标移动 我用「__________」键控制落笔，「__________」键控制抬笔 我画了三个图形： 🔲 正方形：重复「__________」次，每次右转「__________」度 🔺 三角形：重复「__________」次，每次右转「__________」度 ⭐ 五角星：重复「__________」次，每次右转「__________」度 和L1-7一样，这次的「__________」扩展是Scratch的外挂 Scratch自带积木之外的能力，通过「__________」来获得 谢谢大家！🖌️✨ ``` ### 第28页 下课啦 🎉 - 巨大文字：**下课啦！** 🎊 - 鼓励泡泡： - 💬 "你用代码画了几何图形——编程+数学+艺术的完美结合！" - 💬 "从'移动角色'到'让角色画画'，你的Scratch技能又升了一级！" - 💬 "下节课我们要去三国时代——草船借箭！🚢🏹" - 品牌条：L1-13 · 神笔马良 🖌️