เริ่มต้นกับ Canvas และระบบพิกัด

บทเรียนนี้ครอบคลุมสองฟังก์ชันหลักที่ทุก sketch ของ p5.js ถูกสร้างขึ้นบนพื้นฐานนั้น คือ setup() และ draw() พร้อมอธิบายว่าระบบพิกัดของ p5.js วางจุดกำเนิด (origin) ไว้ที่มุมบนซ้ายของ canvas ไม่ใช่ตรงกลาง ผู้เรียนจะฝึกวาดรูปทรงพื้นฐาน เช่น สี่เหลี่ยม วงรี และเส้น พร้อมสังเกตว่าการเปลี่ยนค่า x/y ส่งผลต่อตำแหน่งของรูปทรงบนหน้าจออย่างไร พื้นฐานนี้จำเป็นมากก่อนจะไปสู่การสร้างแอนิเมชันหรือ interactivity ในบทถัดไป