2.1 畫布坐標系

在開始學習繪圖之前我們需要先了解Processing畫布的坐標系是如何構建的。我們可能最熟悉的莫過于笛卡兒坐標系了（圖2.1.1）。在Processing中的坐標系卻不同（圖2.1.2），它的坐標原點（0,0）在畫布的左上角，畫布右側為X軸的正方向，畫布的下側為Y軸的正方向（圖2.1.3）。

圖2.1.1 笛卡兒坐標系

圖2.1.2 Processing坐標系

圖2.1.3 Processing坐標系示意圖