MOBILE

void setup() {
  size(300, 300);//กำหนดของภาพให้เป็น 300*300 pixel
  background(#E6F657);//ใส่สีพื้นหลังเป็นสีเหลืองครีม
}

void draw() {
  int x = 50;//กำหนดค่าตัวแปรx ให้เป็นค่าเป็น 50 เพื่อนำไปแทนค่าในฟังก์ชัน
  int y = 120;//กำหนดค่าตัวแปรyให้เป็นค่าเป็น 50 เพื่อนำไปแทนค่าในฟังก์ชัน
  int count = 0;//กำหนดค่าตัวแปรcountให้เป็นค่าเป็น 50เพื่อนำไปแทนค่าในฟังก์ชัน
//moblie
  while (count<6) { //คำสั่งloop เป็นคำสั่ง ถ้าค่า count น้อยกว่า 6 ให้ทำตามคำสั่งด้านล่าง ทำเสร็จแล้วนำค่า count ขึ้นมาพิจารณาในเงื่อนไขลูปอีกครั้งถ้าเป็นจริงก็ทำอีก ทำจนกว่าค่า count มากกว่า 6 แต่ไม่เท่ากับ
//เชือกที่เชื่อระหว่างตัวยึดmoblieเข้ากับเพดานกับmoblie
    stroke(#E234F9);//ใส่สีเส้นให้เป็นสีม่วง
    strokeWeight(3);//กำหนดขนาดเส้นความหนาเท่ากับ 3
    line(x, 20, x, y);//วาดเส้นใส่ค่าตัวแปร x และ y ตัวแปร ค่าจะเพิ่มตามที่กำหนดไว้ด้านล่างทำให้รูปต่อไปเพื่อเลื่อนตำแหน่ง
//วาดลูกปัดใหญ่
    strokeWeight(0);//กำหนดขนาดเส้นความหนาเท่ากับ 0
    fill(255, 182, 193);//เติมสี
      fill(random(0, 190), random(0, 0), random(0, 100));//เติมสี โดยสุ่มสีในโทนชมพู
    ellipse(x, y, 30, 30);//วาดเส้นใส่ค่าตัวแปร x และ y ตัวแปร ค่าจะเพิ่มตามที่กำหนดไว้ด้านล่างทำให้รูปต่อไปพื่อเลื่อนตำแหน่ง
 
//วาดลาย
    fill(-frameCount%width+200);//เติมสี โดยสุ่มสีในโทนสีฟ้า
    ellipse(x, y+5, 10, 10);//วาดเส้นใส่ค่าตัวแปร x และ y ตัวแปร ค่าจะเพิ่มตามที่กำหนดไว้ด้านล่างทำให้รูปต่อไปพื่อเลื่อนตำแหน่ง

    x=x+40;//กำหนดให้ค่า x เพิ่มขึ้นครั้งละ 40
    y=y+30;//กำหนดให้ค่า y เเพิ่มขึ้นครั้งละ 30
    count=count+1;//กำหนดให้ค่า  count เพิ่มขึ้นครั้งละ 30
  }
//ตัวยึดmoblieเข้ากับเพดาน
  fill(#FE7DE8);//เติมสีชมพูอมม่วงให้กับตัวยึดmoblie
  noStroke();//ไม่ใส่สีให้สี่เหลี่ยม
  rect(20, 10, 260, 15);//วาดสี่เหลี่ยมเพื่อเป็นตัวยึดmoblieเข้ากับเพดาน
}