像素坐标小飞行员
写 moveTo(x,y) 让小飞机沿坐标飞行;可视化路径+循环批量画图。
广告位
写代码
支持:moveTo(x,y)、lineTo(x,y)、circle(x,y,r)、for(i=0;i<N;i++)
飞行轨迹
坐标原点 (0,0) 在左上角,X 向右、Y 向下增长
广告位
它能解决什么问题
"坐标 (x, y)"对小孩很抽象。这里把坐标变成飞机轨迹,每行代码飞一段,孩子立刻看到"x=100 是多远"。
谁适合用
10 岁以上接触编程坐标的孩子;想画"小动画"又不想用复杂软件的小学生。
局限
伪代码环境,只支持 math.sin/cos/Math.PI/let/for/if;不支持颜色/填充;500×400 固定画布。
常见问题
Q:坐标为什么是反的?
屏幕坐标原点在左上角,X 向右、Y 向下。这和数学课的笛卡尔坐标正好相反。
Q:什么是 moveTo / lineTo?
来自 HTML Canvas API:moveTo 抬起笔不画,lineTo 把笔拖过去画线。
Q:为什么我的 for 循环不工作?
必须是 `for (let i = 0; i < N; i++)` 格式,中间用分号。
Q:怎么引导?
先复制"五角星"看效果;再改 for 里的角度步长从 144 到 72,画出 10 角星。