交互练习 · 第一步
小学低段 · 6–8 岁需要成人陪伴家庭场景
做一块会画画的数字画布
选择颜色和笔刷,把鼠标移动变成线条,再画一张只有你能决定的作品。
- 看到第一个变化
- 10 分钟内
- 做出完整版本
- 90 分钟内
- 运行方式
- 下载 drawing-app 目录后直接打开 index.html
- 使用的积木
- HTML / CSS / JavaScript / Canvas API
FIRST VISIBLE CHANGE
先做这一件事
把默认颜色和笔刷大小改成自己的选择,再画出第一条线。
CREATOR LOOP / 创造者六环
前五环长能力,最后一环长身份。
- 艺术
- 数学
- 信息科技
- 01问题
选择一种自己想表达又难用语言说清的感受或故事。
- 02知识
观察坐标、颜色和线条粗细怎样共同改变画面。
- 03工具
修改 Canvas 画线逻辑和控制按钮,让工具符合自己的画法。
- 04作品
完成一张有明确主题、可以展示并保存的数字画。
- 05反馈
请家人描述第一眼看到什么,孩子选择是否补充细节。
- 06身份
孩子能够署名说明主题、笔触和颜色为什么这样选择。
你必须亲自做
- 亲自决定画面主题与情感
- 选择颜色、笔触和作品完成标准
AI 可以帮助
- 解释坐标怎样变成线条
- 协助调整笔刷控件和清空逻辑
完成前要验证
- 孩子亲自画完并向一位家人解释最重要的选择
三段路径 · 自动保存在本机
从第一个变化,到你的版本
0/ 3 步
0115 分钟
- 选择颜色
- 调整笔刷大小
- 用鼠标完成一条线
做完的标志:画布上出现由你控制颜色和粗细的线条。
0245 分钟
- 增加一组常用颜色
- 限制笔刷范围
- 给清空按钮写清楚提示
做完的标志:颜色、笔刷和按钮都适合你的主题。
032 小时
- 画完一个完整主题
- 请家人观看
- 根据提问补充一处细节
做完的标志:你能展示画面并说出最重要的一处选择。
AI 协作提示词
让 AI 带路,不让它抢走决定
请先用生活语言解释画布如何从鼠标位置画出线条,不要替我选择主题或生成成品。等我决定颜色和笔刷后,再一步步帮我调整控件,并告诉我每次怎样验证。