Takeout Box

//variables for box points

var tx1,ty1,tx2,ty1,tx3,ty3,tx4,ty4,tx5,ty5,tx6,ty6,tx7,ty7;

//visible flap vertex points

var fx, fy;

//variablesfor handle points

var hx1, hy1, hx2, hy2, hx3, hy3, hx4, hy4;

​

var cnv;

​

var count = 0;

​

function preload() {

    chineseFont = loadFont('chinese.ttf')

}

​

function setup() {

  cnv = createCanvas(600,600);

  background(255);

  noLoop();

  // box points

  tx1 = random(100,140);

  ty1 = random(150,190);

  tx2 = random(140,180);

  ty2 = random(430,500);

  tx3 = random(250,300);

  ty3 = ty2 + random(80,100);

  tx4 = random(480,510);

  ty4 = random(470,500);

  tx5 = random(500,530);

  ty5 = random(140,180);

  tx6 = random(320,360);

  ty6 = random(90,120);

  tx7 = tx3;

  ty7 = ty1 + random(40,60);

  //flap points

  fx = random((tx1 + 45)-15, (tx1 + 45) + 15);

  fy = random((ty1 + 120) - 10, (ty1 + 120) + 10);

  //handle points

  hx1 = floor((tx1 + tx7) / 2)

  hy1 = floor((ty1 + ty7) / 2) + 40;

  hx2 = hx1 - random(3,7);

  hy2 = hy1 - random(120,160);

  hx4 = floor((tx6 + tx5)/2)

  hy4 = floor((ty6 + ty5)/2)

  hx3 = floor((tx6 + tx5)/2)

  hy3 = hy4 - random(70,100);

  fill(255);

  strokeWeight(2);

  stroke(0);

  //left face

  beginShape();

  vertex(tx1, ty1);

  vertex(tx2, ty2);

  vertex(tx3, ty3);

  vertex(tx7, ty7);

  vertex(tx1, ty1);

  endShape();

  //right face

  beginShape();

  vertex(tx3,ty3);

  vertex(tx4,ty4);

  vertex(tx5, ty5);

  vertex(tx7, ty7);

  vertex(tx3,ty3);

  endShape();

  //left folds

  //back flap

  beginShape();

  vertex(tx1,ty1);

  vertex(235,310);

  vertex(tx2, ty2);

  vertex(tx1, ty1);

  endShape();

  //front flap

  beginShape();

  vertex(tx7,ty7);

  vertex(fx,fy);

  vertex(tx3, ty3);

  vertex(tx3, ty3);

  vertex(tx7, ty7);

  endShape();

  //top face

  beginShape();

  vertex(tx5,ty5);

  vertex(tx6,ty6);

  vertex(tx1,ty1);

  vertex(tx7,ty7);

  vertex(tx5,ty5);

  endShape();

  //handle

  //left vertical

  // line(hx1,hy1,hx2,hy2);

  beginShape();

  noFill();

  vertex(hx1, hy1);

  vertex(hx2,hy2+20);

  bezierVertex(hx2, hy2+20, hx2, hy2, hx2+20, hy2)

  vertex(hx2+20, hy2)

  vertex(hx3 - 20,hy3)

  bezierVertex(hx3-20, hy3, hx3, hy3, hx3, hy3+20)

  vertex(hx3, hy3+20)

  vertex(hx4, hy4)

  endShape();

  //top horizontal

  // line(hx2,hy2,hx3,hy3);

  drawMessages();

}

​

function drawMessages() {

  var messages = ["ENJOY", "THANK YOU"];

  var i1 = floor(random(2));

  var i2 = floor(random(2));

  var m1 = messages[i1];

  var m2 = messages[i2];

  textFont(chineseFont);

  noStroke();

  fill(0);

  textAlign(CENTER);

  textSize(25);

  x1 = floor((tx5-tx7)/2 + random(200,270));

  y1 = floor((ty4-ty3)/2) + random(250,300);

  x2 = x1 + random(60,90);

  x2 = constrain(x2, tx1, tx4);

  y2 = y1 + random(90,140);

  y2 = constrain(y2, ty7, ty4);

  r1 = random(HALF_PI/10,HALF_PI/6)

  r2 = random(-HALF_PI/10, HALF_PI/10)

  push();

    rotate(r1);

    text(m1, x1, y1);

  pop();

  push();

    rotate(r2);

    text(m2, x2, y2);

  pop();

}

​

function saveBoxImage() {

  setup();

  save(cnv, `box${count}.jpg`);

}

​

function mousePressed() {

  count += 1;

  // saveBoxImage();

  setup();

}