size(300, 300); // กำหนดขนาดจอภาพที่แสดง
smooth();
strokeWeight(5); // กำหนดความหนาองเส้นวัตถุให้ขึ้น
}
void draw() { // สร้างฟังก์ชันเรียกใช้อัตโนมัติ
int x = mouseX; // ประกาศ และกำหนดตัวแปร x ให้มีค่าตามตำแหน่งเมาส์ในแกน X
int y = mouseY; // ประกาศ และกำหนดตัวแปร y ให้มีค่าตามตำแหน่งเมาส์ในแกน Y
int rx = 50; // ประกาศ และกำหนดตัวแปร rx เพื่อกำหนดรัศมีใแกน X
int ry = 30; // ประกาศ และกำหนดตัวแปร ry เพื่อกำหนดรัศมีใแกน Y
background(x, y, x + y); // กำหนดพื้นหลังให้มีค่าเปลี่ยนไปตามค่า xและ y
drawNote(x, y, rx, ry); // สั่งใช้วานฟังก์ชัน ที่สร้างเองให้วาดวัตถุ
}
void drawNote(int x, int y, int rx, int ry){ // สร้างฟังก์ชันให้วาดวัตถุโดยให้ค่าเป็นตัวแปร
int h = 70; // ประกาศ และกำหนดตัวแปร h เป็นค่าความสูงวัตถุ
int s = 50; // ประกาศ และกำหนดตัวแปร s เป็นค่าความห่างของวัตถุ
fill(0, 0, 0); // ใส่สีพื้นหลังวัตถุ
ellipse(x, y, rx, ry); // คำสั่งวาดวงกลม
x = x + (rx/2); // สั่งให้เพิ่มค่าของ x โดยสั่งให้ x = x + (rx/2)
line(x, y - h, x + (rx/2) + s, y - h); // วาดเส้น
line(x, y - h, x, y); // วาดเส้น
x = x + s; // สั่งให้เพิ่มค่าของ x โดยสั่งให้ x = x + s
ellipse(x, y, rx, ry); // คำสั่งวาดวงกลม
x = x + (rx/2); // สั่งให้เพิ่มค่าของ x โดยสั่งให้ x = x + (rx/2) อีกครั้ง
line(x, y - h, x, y); // วาดเส้น
}
เป็นการใช้ฟังก์ชัน ซึ่งจะทำให้โค้ดเราดูง่ายและเป็นระเบียบมากขึ้น และทำให้วัตถเคลื่อนที่โดยการใช้คำสั่ง mouseX และ mouseY
ไม่มีความคิดเห็น:
แสดงความคิดเห็น