1. Variables
1.1. User Defined Variable
1.1.1. ผู้ใช้ประกาศตัวแปรเอง กำหนดค่าตัวแปรเอง เรียกใช้เอง
1.1.2. การประกาศตัวแปร
1.1.2.1. ชนิดของตัวแปรตามด้วยตัวแปร
1.1.2.1.1. ex: int x ;
1.1.2.2. ประกาศตัวแปรพร้อมกับกำหนดค่าตัวแปร
1.1.2.2.1. ex: int x = 10;
1.1.2.3. ตำแหน่งที่ประกาศตัวแปร
1.1.2.3.1. Local Variable
1.1.2.3.2. Global Variable
1.1.3. การกำหนดค่าตัวแปร
1.1.3.1. Work with 'Assignment Operator'
1.1.3.1.1. ค่าทางด้านขวาของ assignment operator จะกำหนดค่าของตัวแปรทางด้านซ้าย
1.1.3.1.2. ตัวแปรแต่ละตัวกำหนดค่าได้เพียงค่าเดียวเท่านั้น
1.1.3.1.3. ex: y = 50;
1.1.4. การเรียกใช้ตัวแปร
1.1.4.1. เรียกใช้กับตัวแปรอื่น
1.1.4.1.1. ex: z = y + 20;
1.1.4.2. เรียกใช้ในฟังก์ชัน
1.1.4.2.1. ex: line(x, y, c, c);
1.2. System Variables
1.2.1. มีอยู่แล้วในโปรแกรม ผู้ใช้ไม่ต้องประกาศ ไม่ต้องกำหนดค่า สามารถเรียกใช้ได้เลย
1.2.2. ex: height = ความสูงของcanvas mouseX = ค่าพิกัดของเมาส์บนแกนx
2. Conditinals
2.1. If conditinal
2.1.1. เงื่อนไขทำหรือไม่ทำ
2.2. If-Else conditional
2.2.1. เงื่อนไขทำอย่างใดอย่างหนึ่ง
2.3. Loops
2.3.1. While Loop
2.3.1.1. ถ้าเงื่อนไขเป็นจริงจะทำ และกลับไปเช็คเงื่อนไขใหม่
2.3.1.2. ถ้าเงื่อไขเป็นเท็จจะออกจากloop
3. Functions
3.1. User Defined Function
3.1.1. ผู้ใช้ประกาศฟังก์ชันเอง กำหนดการทำงานของฟังก์ชันเอง และเรียกใช้เอง
3.1.2. with/without Parameter
3.1.2.1. without Parameter
3.1.2.1.1. ไม่ต้องกำหนดค่าให้กับฟังก์ชัน
3.1.2.1.2. ผลที่ได้จะเหมือนเดิมทุกครั้ง
3.1.2.2. with Parameter
3.1.2.2.1. ต้องกำหนดค่าที่ฟังก์ชันต้องการ ฟังก์ชันจึงจะทำงานได้
3.1.2.2.2. ผลจะเปลี่ยนไปตามค่าที่กำหนดให้กับฟังก์ชัน
3.1.3. with/without a Return Value
3.1.3.1. without a return value
3.1.3.1.1. ประกาศฟังก์ชันด้วย void (ว่างเปล่า)
3.1.3.1.2. ไม่มีการส่งค่ากลับ
3.1.3.2. with a return value
3.1.3.2.1. ประกาศฟังก์ชันด้วยชนิดตัวแปรอื่น เช่น int
3.1.3.2.2. ในการทำงานของฟังก์ชันจะต้องมี return ตามด้วยตัวแปร ;
3.1.3.2.3. ค่าจะส่งกลับไปยังที่ๆเรียกใช้ฟังก์ชัน
3.2. System Function
3.2.1. มีอยู่แล้วในโปรแกรมสามารถเรียกใช้ได้เลย
3.2.2. with/without Parameter
3.2.2.1. without Parameter
3.2.2.1.1. ไม่ต้องกำหนดค่าให้กับฟังก์ชัน
3.2.2.1.2. ผลที่ได้จะเหมือนเดิมทุกครั้ง
3.2.2.1.3. ex: noFill(); , second();
3.2.2.2. with Parameter
3.2.2.2.1. ต้องกำหนดค่าที่ฟังก์ชันต้องการ ฟังก์ชันจึงจะทำงานได้
3.2.2.2.2. ผลจะเปลี่ยนไปตามค่าที่กำหนดให้กับฟังก์ชัน
3.2.2.2.3. ex: line(x,y,c,c); , background(r,g,b);
3.3. void setup & void draw
3.3.1. เริ่มทำงานที่ void setup(); ก่อนเสมอ
3.3.2. void draw(); ทำงานต่อจาก void setup(); และทำวนใน void draw();ไปเรื่อยๆ
3.3.3. void setup(); -> void draw(); -> void draw(); -> void draw(); ->...