第1课:探索 PictoBlox 世界,创建机器人角色 Tobi
Theory & practice
🚀 第1课:认识 PictoBlox 与第一个程序
欢迎各位未来的工程师!
想象一下,你正在操控一个名叫 Tobi 的智能机器人。
在第一节课中,我们将走进可视化编程的世界,熟悉 PictoBlox 的界面,并为机器人角色编写第一个程序。
---
🎯 学习目标
完成本课后,你将能够:
- 安装并启动 PictoBlox。
- 认识 PictoBlox 界面的主要区域。
- 理解舞台上的 X 和 Y 坐标系。
- 使用事件、运动和外观积木。
- 编写并运行第一个 PictoBlox 程序。
- 保存项目,以便在后续课程中继续使用。
---
🧰 准备工作
开始之前,请准备:
- 一台运行 Windows、macOS 或 Linux 的电脑。
- 用于下载软件的网络连接。
- 鼠标和键盘。
- PictoBlox 软件。
---
📥 下载并安装 PictoBlox
点击下面的链接下载软件:
下载完成后:
- 1打开 PictoBlox 安装文件。
- 2点击 Next 继续。
- 3如有提示,接受使用条款。
- 4选择安装文件夹。
- 5点击 Install。
- 6等待安装完成。
- 7启动 PictoBlox。
---
1. 认识 PictoBlox 界面
打开 PictoBlox 后,工作界面分为几个区域。
1.1. 工具栏
工具栏位于屏幕顶部,可以:
- 新建项目。
- 打开已保存的项目。
- 保存当前项目。
- 选择语言。
- 连接主板或机器人。
- 选择工作模式。
---
1.2. 积木分类
积木按颜色分成不同的类别。
| 类别 | 作用 |
|---|---|
| 运动 Motion | 控制角色的位置、方向和移动 |
| 外观 Looks | 控制对话、大小和造型 |
| 声音 Sound | 播放声音并调节音量 |
| 事件 Events | 决定程序何时开始 |
| 控制 Control | 创建循环、条件和等待 |
| 侦测 Sensing | 读取键盘、鼠标或传感器 |
| 运算 Operators | 进行计算和比较 |
| 变量 Variables | 存储和修改数据 |
---
1.3. 编程区
这里是我们拖动并拼接积木来编写程序的地方。
积木按从上到下的顺序执行。形状匹配的积木可以像拼图一样拼在一起。
---
1.4. 舞台 Stage
舞台是角色或模拟机器人执行程序动作的地方。
在舞台上可以观察到:
- 角色的位置。
- 角色面向的方向。
- 角色说的话。
- 视觉特效。
- 程序运行的结果。
---
1.5. 角色 Sprite
角色是在 PictoBlox 中被控制的对象。
角色可以是:
- 机器人。
- 卡通人物。
- 动物。
- 交通工具。
- 你自己设计的任何对象。
本课中我们使用一个机器人角色,并叫它 Tobi。
---
2. X 和 Y 坐标系
舞台上的每个位置都由两个数值确定:
- X: 水平位置。
- Y: 垂直位置。
2.1. X 轴
X 轴从左到右:
- X = -240: 舞台左边缘。
- X = 0: 舞台中心。
- X = 240: 舞台右边缘。
X 增大时,角色向右移动。
X 减小时,角色向左移动。
---
2.2. Y 轴
Y 轴从下到上:
- Y = -180: 舞台底部。
- Y = 0: 舞台中心。
- Y = 180: 舞台顶部。
Y 增大时,角色向上移动。
Y 减小时,角色向下移动。
---
2.3. 舞台中心
舞台中心的坐标是:
X = 0, Y = 0
| 位置 | 坐标 |
|---|---|
| 中心 | X = 0, Y = 0 |
| 右侧 | X > 0 |
| 左侧 | X < 0 |
| 上方 | Y > 0 |
| 下方 | Y < 0 |
---
3. 编写第一个程序
我们来让 Tobi 回到舞台中心并打招呼。
第1步:添加开始积木
打开 事件 类别,拖出积木:
当 🏴 被点击
这个积木告诉 PictoBlox:当用户点击绿旗时,程序开始运行。
---
第2步:让 Tobi 回到中心
打开 运动 类别,拼上积木:
移到 x: 0 y: 0
运行这个积木时,Tobi 会立刻移到舞台中心。
---
第3步:让 Tobi 打招呼
打开 外观 类别,拼上积木:
说 "大家好,我是 AI 机器人!" 2 秒
---
完整程序
按顺序拼接三个积木:
- 1
当 🏴 被点击 - 2
移到 x: 0 y: 0 - 3
说 "大家好,我是 AI 机器人!" 2 秒
程序流程:
点击绿旗 → Tobi 回到中心 → Tobi 打招呼
---
4. 运行程序
点击舞台上方的绿旗。
观察结果:
- 1Tobi 移到 X = 0, Y = 0。
- 2Tobi 显示问候语。
- 3问候语在 2 秒后消失。
如果程序没有反应,请检查:
- 积木是否拼接在一起?
- 绿旗积木是否在程序最上方?
- 坐标是否正好是 X = 0, Y = 0?
- 问候语是否输入正确?
- 你点击绿旗了吗?
---
5. 练习:探索坐标
修改积木中的数值:
移到 x: ... y: ...
然后观察 Tobi 的新位置。
| 次数 | X | Y | 预测位置 |
|---|---|---|---|
| 1 | 150 | 0 | 右侧 |
| 2 | -150 | 0 | 左侧 |
| 3 | 0 | 100 | 上方 |
| 4 | 0 | -100 | 下方 |
| 5 | 120 | 80 | 右上角 |
| 6 | -120 | 80 | 左上角 |
回答下列问题:
- 1正的 X 值让角色往哪个方向移动?
- 2负的 X 值让角色往哪个方向移动?
- 3正的 Y 值让角色往哪个方向移动?
- 4负的 Y 值让角色往哪个方向移动?
- 5哪个坐标能让角色回到舞台中心?
---
6. 小工程师挑战
挑战1:修改问候语
把问候语改为:
你好!我已经准备好探索 PictoBlox 了!
再次运行程序并观察结果。
---
挑战2:制作自我介绍
添加积木,让 Tobi 依次说出:
- 1
大家好! - 2
我是 Tobi,一个 AI 机器人。 - 3
一起来学编程吧!
每句话显示 2 秒。
参考程序:
- 1
当 🏴 被点击 - 2
移到 x: 0 y: 0 - 3
说 "大家好!" 2 秒 - 4
说 "我是 Tobi,一个 AI 机器人。" 2 秒 - 5
说 "一起来学编程吧!" 2 秒
---
挑战3:Tobi 探索舞台
编写程序,让 Tobi 依次移到以下位置:
- 1中心:X = 0, Y = 0
- 2右侧:X = 150, Y = 0
- 3上方:X = 0, Y = 100
- 4左侧:X = -150, Y = 0
- 5回到中心:X = 0, Y = 0
每次移动后,让 Tobi 说出自己当前的位置。
---
7. 保存项目
为了不丢失练习成果:
- 1打开 File 菜单。
- 2选择 Save As。
- 3为项目命名:
Lesson-1-Getting-started-PictoBlox
- 1选择保存文件夹。
- 2点击 Save。
---
✅ 课后自查
勾选你已完成的内容:
- [ ] 我已安装并打开 PictoBlox。
- [ ] 我能找到舞台和编程区。
- [ ] 我理解 X 和 Y 的作用。
- [ ] 我知道舞台中心是 X = 0, Y = 0。
- [ ] 我能拼接事件、运动和外观积木。
- [ ] 我成功运行了第一个程序。
- [ ] 我至少完成了一个挑战。
- [ ] 我已保存项目。
---
📝 复习题
- 1用哪个积木开始程序?
- 2哪个坐标表示舞台中心?
- 3X 轴控制哪个方向的移动?
- 4Y 轴控制哪个方向的移动?
- 5哪类积木能让角色说话?
- 6如果 X = -150,角色在左边还是右边?
- 7如果 Y = 100,角色在上方还是下方?
- 8为什么练习后要保存项目?
---
🌟 总结
在第一节课中,我们:
- 熟悉了 PictoBlox 界面。
- 认识了舞台、角色和编程区。
- 理解了 X 和 Y 坐标系的工作方式。
- 用积木编写了第一个程序。
- 让 Tobi 移动并打招呼。
- 保存了项目以便继续学习。
下一课,我们将利用方向、旋转和循环,让 Tobi 的动作更加生动。
2. Key PictoBlox blocks
🧩 when flag clickedKích hoạt chương trình khi người dùng tương tác
🧩 when key [space] pressedKích hoạt chương trình khi người dùng tương tác
🧩 go to x: (0) y: (0)Điều khiển chuyển động nhân vật trên sân khấu
🧩 move (10) stepsĐiều khiển chuyển động nhân vật trên sân khấu
🧩 turn right (15) degreesĐiều khiển chuyển động nhân vật trên sân khấu