童码工坊

首页 · 全部工具 · 像素坐标小飞行员

像素坐标小飞行员

写 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 角星。