Express way

void setup(){//เป็น function หนึ่งใน system function เป็น function ที่เรียกใช้อัตโนมัติ และยังเป็นฟังก์ชั่นที่ทำงานเพียงครั้งเดียวและจะทำงานก่อนเป็นสิ่งแรก ก่อน void draw ด้วย

           size(400,400);
           noStroke();
           background(#99FCE4);
           fill(#CDF572);
           rect(0,100,400,300);
           fill(#E8EAE1);
           triangle(200,100,100,400,300,400);

        }

        int x=200;
        int y=100;
        int w=0;
        int h=300;
        int count=0;
        int n=5;
              //การประกาศและกำหนดข้างต้นเป็นการประกาศตัแปรแบบ global variable ซึ่งก็คือการประกาศและกำหนดตัวแปรภายนอกฟังก์ชั่น ทุกฟังก์ชั่นสามารถเรียกใช้ได้

        void draw(){//เป็น function หนึ่งใน system function เช่นเดียวกับ setup มีการเรียกใช้อัตโนมัติ แต่การทำงานของทั้งสองจะแตกต่างกัน void draw จะทำงานตาม Statement และเงื่อนที่ได้กำหนดให้นั้นซ้ำๆไปเรื่อยๆ
           stroke(0);//เส้นที่ใช้วาดมีสีดำ
           while(count<n){//เงื่อนไขที่ใช้ในการวน loop กำหนดคำสั่งว่าถ้า count มีค่าน้อยกว่า 10 ให้ทำ statemaent ที่กำหนดต่อไปเรื่อยๆ จนกว่าจะออกจาเงื่อนไข
            line(x,y,x-100+w,y+h);
           w=w+50;//statement นี้ จะทำให้ค่า w ในครั้งต่อไปเพิ่มขึ้น ครั้งละ 50
           count=count+1;//เมื่อทำตาม statement ดังกล่าวหมดแล้วจะบวกเงื่อนไขเข้าไปอีก 1 วนกลับไปที่เงื่อนไขอีกครั้ง

       }
       strokeWeight(4);//เส้นที่ใช้วาดมีขนาดเท่ากับ 4
       line(x,y,x,400);
       }

Railway

void setup(){//เป็น function หนึ่งใน system function เป็น function ที่เรียกใช้อัตโนมัติ และยังเป็นฟังก์ชั่นที่ทำงานเพียงครั้งเดียวและจะทำงานก่อนเป็นสิ่งแรก ก่อน void draw ด้วย

      size(400,400);//ขนาดของ canvas ที่เรากำหนด

      background(#69DEFC);

      fill(#1E7102);

      rect(0,160,400,240);//การสร้างสี่เหลี่ยม

}

int x= 100;//การประกาศและกำหนดตำแหน่งบนแกน x

int y= 400;//การประกาศและกำหนดตำแหน่งบนแกน y

int w= 220;//การประกาศและกำหนดความกว้างของเส้น

int h=0;//การประกาศและกำหนดความสูง

int n=0;//การประกาศและกำหนดเพื่อใช้ลดความกว้างของเส้น

int count=0;

             //การประกาศและกำหนดข้างต้นเป็นการประกาศตัแปรแบบ global variable ซึ่งก็คือการประกาศและกำหนดตัวแปรภายนอกฟังก์ชั่น ทุกฟังก์ชั่นสามารถเรียกใช้ได้
     

void draw(){//เป็น function หนึ่งใน system function เช่นเดียวกับ setup มีการเรียกใช้อัตโนมัติ แต่การทำงานของทั้งสองจะแตกต่างกัน void draw จะทำงานตาม Statement และเงื่อนที่ได้กำหนดให้นั้นซ้ำๆไปเรื่อยๆ

   while(count<10 ){//เงื่อนไขที่ใช้ในการวน loop กำหนดคำสั่งว่าถ้า count มีค่าน้อยกว่า 10 ให้ทำ statemaent ที่กำหนดต่อไปเรื่อยๆ จนกว่าจะออกจาเงื่อนไข

strokeWeight(2);//ขนาดของเส้นที่ใช้วาด

stroke(#6C2509);//สีของเส้นที่ใช้วาด

line(x+n,y-h,x+w-n,y-h);

h=h+25;//statement นี้ จะทำให้ค่า h ในครั้งต่อไปเพิ่มขึ้น ครั้งละ 25

n=n+7;//statement นี้ จะทำให้ค่า n ในครั้งต่อไปเพิ่มขึ้น ครั้งละ 7

count=count+1;//เมื่อทำตาม statement ดังกล่าวหมดแล้วจะบวกเงื่อนไขเข้าไปอีก 1

}//ถ้าไม่เป็นไปตามเงื่อนไขด้านบนก็จะออกจาก loop เพื่อมาทำตาม statement ด่านล่าง

              line(x+30,y,x+85,y-240);//ส่วนหนึ่งของรางที่พาดทับตามแนวแกนตั้ง
              line(x+w-30,y,x+w-85,y-240);//ส่วนหนึ่งของรางที่พาดทับตามแนวแกนตั้ง

          }

mobile

void setup(){//เป็น function หนึ่งใน system function เป็น function ที่เรียกใช้อัตโนมัติ และยังเป็นฟังก์ชั่นที่ทำงานเพียงครั้งเดียวและจะทำงานก่อนเป็นสิ่งแรก ก่อน void draw ด้วย

size(400,400);//ขนาดของ canvas ที่เรากำหนด

background(223,123,123);

}

int h = 100;

int w = 20;

int xpos = 150;

int ypos = 150;

int count=0;

int n=4;

int m=0;

int o=0;

             //การประกาศและกำหนดข้างต้นเป็นการประกาศตัแปรแบบ global variable ซึ่งก็คือการประกาศและกำหนดตัวแปรภายนอกฟังก์ชั่น ทุกฟังก์ชั่นสามารถเรียกใช้ได้

void draw(){//เป็น function หนึ่งใน system function เช่นเดียวกับ setup มีการเรียกใช้อัตโนมัติ แต่การทำงานของทั้งสองจะแตกต่างกัน void draw จะทำงานตาม Statement และเงื่อนที่ได้กำหนดให้นั้นซ้ำๆไปเรื่อยๆ

while(count<n){//เงื่อนไขที่ใช้ในการวน loop กำหนดคำสั่งว่าถ้า count มีค่าน้อยกว่า n ให้ทำ statemaent ที่กำหนดต่อไปเรื่อยๆ จนกว่าจะออกจาเงื่อนไข

line(xpos+10+m,ypos,xpos+10+m,ypos-50);

rect(xpos+m,ypos,w,h+o);

o=o+30;//statement นี้ จะทำให้ค่า o ในครั้งต่อไปเพิ่มขึ้น ครั้งละ 30

m=m+30;//statement นี้ จะทำให้ค่า m ในครั้งต่อไปเพิ่มขึ้น ครั้งละ 30

count=count+1;//เมื่อทำตาม statement ดังกล่าวหมดแล้วจะบวกเงื่อนไขเข้าไปอีก 1

}
//ถ้าไม่เป็นไปตามเงื่อนไขด้านบนก็จะออกจาก loop เพื่อมาทำตาม statement ด่านล่าง

line(xpos+5+50,ypos-70,xpos+5+50,ypos-150);

rect(xpos+5,ypos-70,100,20);

}

brigde

void setup(){//เป็น function หนึ่งใน system function เป็น function ที่เรียกใช้อัตโนมัติ และยังเป็นฟังก์ชั่นที่ทำงานเพียงครั้งเดียวและจะทำงานก่อนเป็นสิ่งแรก ก่อน void draw ด้วย

size(400,400);//ขนาดของ canvas ที่เรากำหนด

background(#67D9FA);

}

int xpos=230;

int ypos=200;

int count=0;

int a=0;

int b=0;

int n=15;

             //การประกาศและกำหนดข้างต้นเป็นการประกาศตัแปรแบบ global variable ซึ่งก็คือการประกาศและกำหนดตัวแปรภายนอกฟังก์ชั่น ทุกฟังก์ชั่นสามารถเรียกใช้ได้

void draw(){//เป็น function หนึ่งใน system function เช่นเดียวกับ setup มีการเรียกใช้อัตโนมัติ แต่การทำงานของทั้งสองจะแตกต่างกัน void draw จะทำงานตาม Statement และเงื่อนที่ได้กำหนดให้นั้นซ้ำๆไปเรื่อยๆ

while(count<n){//เงื่อนไขที่ใช้ในการวน loop กำหนดคำสั่งว่าถ้า count มีค่าน้อยกว่า n ให้ทำ statemaent ที่กำหนดต่อไปเรื่อยๆ จนกว่าจะออกจาเงื่อนไข

//

strokeWeight(1);

line(xpos,ypos-70-a,xpos-b,ypos);

line(xpos,ypos-70-a,xpos+80+a,ypos);

a=a+5;//statement นี้ จะทำให้ค่า a ในครั้งต่อไปเพิ่มขึ้น ครั้งละ 5

b=b+15;//statement นี้ จะทำให้ค่า b ในครั้งต่อไปเพิ่มขึ้น ครั้งละ 15

count=count+1;//เมื่อทำตาม statement ดังกล่าวหมดแล้วจะบวกเงื่อนไขเข้าไปอีก 1

}
//ถ้าไม่เป็นไปตามเงื่อนไขด้านบนก็จะออกจาก loop เพื่อมาทำตาม statement ด่านล่าง

                  strokeWeight(4);

line(0,200,600,200);

fill(#4D3F1E);

strokeWeight(1);

quad(225,53,231,53,237,260,223,260);

}

Curve Stitching

void setup()

{//เป็น function หนึ่งใน system function เป็น function ที่เรียกใช้อัตโนมัติ และยังเป็นฟังก์ชั่นที่ทำงานเพียงครั้งเดียวและจะทำงานก่อนเป็นสิ่งแรก ก่อน void draw ด้วย

size(400,400);//ขนาดของ canvas ที่เรากำหนด

}

void draw(){//เป็น function หนึ่งใน system function เช่นเดียวกับ setup มีการเรียกใช้อัตโนมัติ แต่การทำงานของทั้งสองจะแตกต่างกัน void draw จะทำงานตาม Statement และเงื่อนที่ได้กำหนดให้นั้นซ้ำๆไปเรื่อยๆ

background(random(0,255),random(12,12),random(122,12));//เป็นคำสั่งที่จะสุ่มเลือกสีระหว่างค่าที่เรากำหนดเอาเอง สังเกตได้จากการกระพริบของสีพื้นหลังที่มีการเปลี่ยนตลอดเวลา

int xPos = 100;

int yPos = 100;

int a = 0;

int h = 100;

int count =0;

int n= 21;

int d= 200;

int c=100;

             //การประกาศและกำหนดข้างต้นเป็นการประกาศตัแปรแบบ local variable ซึ่งก็คือการประกาศและกำหนดตัวแปรภายในฟังก์ชั่น มีเพียงฟังก์ชั่นนั้นเพียงฟังก์ชั่นเดียวที่สามารถเรียกใช้ได้

        while(count<n){//เงื่อนไขที่ใช้ในการวน loop กำหนดคำสั่งว่าถ้า count มีค่าน้อยกว่า n ให้ทำ statemaent ที่กำหนดต่อไปเรื่อยๆ จนกว่าจะออกจาเงื่อนไข

//Curve บนด้านซ้าย

line(xPos,yPos+h-a,xPos-a,yPos);//ส่วนโค้งล่างซ้าย

line(xPos,yPos-h+a,xPos-a,yPos);//ส่วนโค้งบนซ้าย

line(xPos,yPos-h+a,xPos+a,yPos);//ส่วนโค้งบนขวา

line(xPos,yPos+h-a,xPos+a,yPos);//ส่วนโค้งล่างขวา

//Curve บนด้านขวา

line(xPos+d,yPos+h-a,xPos+d-a,yPos);//ส่วนโค้งล่างซ้าย

line(xPos+d,yPos-h+a,xPos+d-a,yPos);//ส่วนโค้งบนซ้าย

line(xPos+d,yPos-h+a,xPos+d+a,yPos);//ส่วนโค้งบนขวา

line(xPos+d,yPos+h-a,xPos+d+a,yPos);//ส่วนโค้งล่างขวา

//Curve ล่างด้านขวา

line(xPos+d,yPos+d+h-a,xPos+d-a,yPos+d);//ส่วนโค้งล่างซ้าย

line(xPos+d,yPos+d-h+a,xPos+d-a,yPos+d);//ส่วนโค้งบนซ้าย

line(xPos+d,yPos+d-h+a,xPos+d+a,yPos+d);//ส่วนโค้งบนขวา

line(xPos+d,yPos+d+h-a,xPos+d+a,yPos+d);//ส่วนโค้งล่างขวา

//Curve ล่างด้านซ้าย

line(xPos,yPos+d+h-a,xPos-a,yPos+d);//ส่วนโค้งล่างซ้าย

line(xPos,yPos+d-h+a,xPos-a,yPos+d);//ส่วนโค้งบนซ้าย

line(xPos,yPos+d-h+a,xPos+a,yPos+d);//ส่วนโค้งบนขวา

line(xPos,yPos+d+h-a,xPos+a,yPos+d);//ส่วนโค้งล่างขวา

//Curve ตรงกลาง

line(xPos+c,yPos+c+h-a,xPos+c-a,yPos+c);//ส่วนโค้งล่างซ้าย

line(xPos+c,yPos+c-h+a,xPos+c-a,yPos+c);//ส่วนโค้งบนซ้าย

line(xPos+c,yPos+c-h+a,xPos+c+a,yPos+c);//ส่วนโค้งบนขวา

line(xPos+c,yPos+c+h-a,xPos+c+a,yPos+c);//ส่วนโค้งล่างขวา

a=a+5;//statement นี้ จะทำให้ค่า a ในครั้งต่อไปเพิ่มขึ้นอีกครั้งละ 5

count=count+1;//เมื่อทำตาม statement ดังกล่าวหมดแล้วจะบวกเงื่อนไขเข้าไปอีก 1

}

}