modeling

document.oncontextmenu=()=>false;

var cam;

function setup() {

  createCanvas(windowWidth,windowHeight, WEBGL);

  cam = createEasyCam();

  cam.setRotationConstraint(true,false,false);

}

​

function draw() {

  background(100);

  noStroke();

  rotateX(PI/2);

  translate(0,0,-60);

  fill("gray");

  //box(1000,1000,1); 

  //gizmo Z axis

  stroke("purple");

  strokeWeight(1);

  //line(0,0,0, 0,0,50);

  //upper portion

  noStroke();

  fill(70);

  translate(0,0,75);

  box(100,100,50);

  translate(0,0,-75);

  //side portion

  translate(0,25+12.5,25);

  box(100,25,50);

  translate(0,-25-12.5,-25);

​

  //side portion

  translate(0,-25-12.5,25);

  box(100,25,50);

  translate(0,+25+12.5,-25);

  noFill();

  stroke(0);

  strokeWeight(0.25);

  translate(0,0,25);

  box(100,50,50);

  translate(0,0,50-25);

  box(100);

}