​

​

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

    outline.push(createVector(-200, 200,0));

    outline.push(createVector(200, 200,0));

    outline.push(createVector(200, 50,0));

    outline.push(createVector(100, 50,0));

    outline.push(createVector(150, -200,0));

    outline.push(createVector(-50, -200,0));

    outline.push(createVector(-200, -100,0));

    outline.push(createVector(-200, 0,0));

    outline.push(createVector(-100, 0,0));

    outline.push(createVector(-50, -50,0));

    outline.push(createVector(-100, 50,0));

    outline.push(createVector(-200, 50,0));

    outline.push(createVector(-200, 200,0));

}

​

function draw() {

  background(255);

  scale((windowHeight/1000)+(windowWidth/1000)*.5)

  translate(0,0,-150)

  //orbitControl();

​

  // normalMaterial();

  // push();

  // rotateZ(mouseX * 0.01);

  // rotateX(frameCount * 0.01);

  // rotateY(mouseY * 0.01);

  // beginShape();

  // vertex(30, 20);

  // vertex(85, 20);

  // vertex(85, 75);

  // vertex(30, 75);

  // endShape(CLOSE);

  // pop();

  //normalMaterial();

  push();

  rotateZ(0);

  //rotateX(-mouseY * 0.02);

  rotateX(0.3);

  rotateY(300 + mouseX * 0.011);

  noFill();

  stroke(0)

  strokeWeight(10);

  //normalMaterial();

  beginShape();

    for(var i = 0; i < outline.length; i++) {

        vertex(outline[i].x, outline[i].y);

    }

  endShape(CLOSE);

  strokeWeight(3);

  beginShape();

  translate(0,0,-80)

    for(var i = 0; i < outline.length; i++) {

        vertex(outline[i].x, outline[i].y);

    }

  endShape();

   strokeWeight(8);

   beginShape(POINTS);

     vertex(-200, 200,0);

     vertex(200, 200,0);

     vertex(200, 50,0);

     vertex(100, 50,0);

     vertex(150, -200,0);

     vertex(-50, -200,0);

     vertex(-200, -100,0);

     vertex(-200, 0,0);

     vertex(-100, 0,0);

     vertex(-50, -50,0);

     vertex(-100, 50,0);

     vertex(-200, 50,0);

     vertex(-200, 200,0);

   endShape();

  beginShape(POINTS);

  strokeWeight(10);

  translate(0,0,80)

     vertex(-200, 200,0);

     vertex(200, 200,0);

     vertex(200, 50,0);

     vertex(100, 50,0);

     vertex(150, -200,0);

     vertex(-50, -200,0);

     vertex(-200, -100,0);

     vertex(-200, 0,0);

     vertex(-100, 0,0);

     vertex(-50, -50,0);

     vertex(-100, 50,0);

     vertex(-200, 50,0);

     vertex(-200, 200,0);

  endShape();

  beginShape(POINTS);

   strokeWeight(7);

   translate(0,0,-160)

     vertex(-200, 200,0);

     vertex(200, 200,0);

     vertex(200, 50,0);

     vertex(100, 50,0);

     vertex(150, -200,0);

     vertex(-50, -200,0);

     vertex(-200, -100,0);

     vertex(-200, 0,0);

     vertex(-100, 0,0);

     vertex(-50, -50,0);

     vertex(-100, 50,0);

     vertex(-200, 50,0);

     vertex(-200, 200,0);

  endShape();

  strokeWeight(.5);

  line(-200, 200,0,-200, 200,160);

  line(200, 200,0,200, 200,160);

  line(200, 50,0,200, 50,160);

  line(100, 50,0,100, 50,160);

  line(150, -200,0,150, -200,160);

  line(-50, -200,0,-50, -200,160);

  line(-200, -100,0,-200, -100,160);

  line(-200, 0,0,-200, 0,160);

  line(-100, 0,0,-100, 0,160);

  line(-50, -50,0,-50, -50,160);

  line(-100, 50,0,-100, 50,160);

  line(-200, 50,0,-200, 50,160);

  stroke(150)

  // line(0,-height,160,0,height,160);

  // line(-width,0,160,width,0,160);

​

​

​

​

​

}

​