交互练习 · 第一步

小学低段 · 6–8 岁需要成人陪伴家庭场景

做一块会画画的数字画布

选择颜色和笔刷,把鼠标移动变成线条,再画一张只有你能决定的作品。

看到第一个变化
10 分钟内
做出完整版本
90 分钟内
运行方式
下载 drawing-app 目录后直接打开 index.html
使用的积木
HTML / CSS / JavaScript / Canvas API

FIRST VISIBLE CHANGE

先做这一件事

把默认颜色和笔刷大小改成自己的选择,再画出第一条线。

CREATOR LOOP / 创造者六环

前五环长能力,最后一环长身份。

  • 艺术
  • 数学
  • 信息科技
  1. 01
    问题

    选择一种自己想表达又难用语言说清的感受或故事。

  2. 02
    知识

    观察坐标、颜色和线条粗细怎样共同改变画面。

  3. 03
    工具

    修改 Canvas 画线逻辑和控制按钮,让工具符合自己的画法。

  4. 04
    作品

    完成一张有明确主题、可以展示并保存的数字画。

  5. 05
    反馈

    请家人描述第一眼看到什么,孩子选择是否补充细节。

  6. 06
    身份

    孩子能够署名说明主题、笔触和颜色为什么这样选择。

你必须亲自做

  • 亲自决定画面主题与情感
  • 选择颜色、笔触和作品完成标准

AI 可以帮助

  • 解释坐标怎样变成线条
  • 协助调整笔刷控件和清空逻辑

完成前要验证

  • 孩子亲自画完并向一位家人解释最重要的选择

三段路径 · 自动保存在本机

从第一个变化,到你的版本

0/ 3 步
0115 分钟
  1. 选择颜色
  2. 调整笔刷大小
  3. 用鼠标完成一条线

做完的标志:画布上出现由你控制颜色和粗细的线条。

0245 分钟
  1. 增加一组常用颜色
  2. 限制笔刷范围
  3. 给清空按钮写清楚提示

做完的标志:颜色、笔刷和按钮都适合你的主题。

032 小时
  1. 画完一个完整主题
  2. 请家人观看
  3. 根据提问补充一处细节

做完的标志:你能展示画面并说出最重要的一处选择。

AUTHORSHIP / 作者记录

作品可以请 AI 帮忙,这三件事由你亲自写。

记录只保存在这台设备,没有登录也能使用。

完成三步、署名并写下至少 10 个字的关键决定后可完成。

AI 协作提示词

让 AI 带路,不让它抢走决定

请先用生活语言解释画布如何从鼠标位置画出线条,不要替我选择主题或生成成品。等我决定颜色和笔刷后,再一步步帮我调整控件,并告诉我每次怎样验证。