# 座標探索：(0, 0) 在左上角

正式網址：https://newmediaart.course.monolab.world/tools/coords

畫布左上角是 (0, 0)，往右 x 變大、往下 y 變大；circle 的 x、y 是圓心，rect 是左上角。

- **分類**：基礎
- **概念**：座標、座標系、滑鼠位置、圓心
- **p5.js**：circle()、rect()、mouseX、mouseY
- **誕生**：[第 0 堂](https://newmediaart.course.monolab.world/lesson/00)

拉滑桿、看畫面，旁邊的程式碼會跟著變，整段複製到 OpenProcessing 就能跑。

## 同類模組・基礎

- [setup 跑一次，draw 一直跑](https://newmediaart.course.monolab.world/tools/setupdraw)
- [取座標小工具：點一下，變成 vertex](https://newmediaart.course.monolab.world/tools/vertex)

[回到全部模組](https://newmediaart.course.monolab.world/tools)

[到 Hahow 報名](https://hahow.in/cr/creative-code)。價格與優惠以 Hahow 頁面為準。