let flatShader;

let rotX = -0.23;

let rotY = -0.5;

​

function setup() {

  canvas = createCanvas(400, 400, WEBGL);

  background(0);

  canvas = createCanvas(800, 600, WEBGL);

  canvas.GL.getExtension("OES_standard_derivatives");

  flatShader = createShader(vert, frag);

  createGeometry();

  stroke(180, 0, 0);

  fill(255, 0, 0);

  rotateX(rotX);

  rotateY(-rotY);

  model(nut);

}

​

function draw() {

  background(0);

    directionalLight(255, 255, 250, 0, 0, -1);

    pointLight(255, 255, 255, 0, 0, -.1);

    ambientLight(200);

    rotateX(rotX);

    rotateY(-rotY);

    fill(255, 0, 0);

    shader(flatShader);

    model(nut);

    resetShader();

}

​

function createGeometry() {

  nut = new p5.Geometry();

  let a = 0;

  let b = 0;

  let d1 = 150;

  let d2 = 80;

  let ht = 20;

  let angle = TWO_PI / 6;

​

  nut.vertices = [

    //-----front outer

​

    new p5.Vector(d1 * cos(a), d1 * sin(a), ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), ht),

​

    //-----front inner

​

    new p5.Vector(d2 * cos(b), d2 * sin(b), ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), ht),

​

    //-----back outer

​

    new p5.Vector(d1 * cos(a), d1 * sin(a), -ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), -ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), -ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), -ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), -ht),

    new p5.Vector(d1 * cos((a += angle)), d1 * sin(a), -ht),

​

    //-----back inner

​

    new p5.Vector(d2 * cos(b), d2 * sin(b), -ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), -ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), -ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), -ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), -ht),

    new p5.Vector(d2 * cos((b += angle)), d2 * sin(b), -ht),

  ];

​

  nut.faces = [

    // triangle face vector combination.

    // (numbers are the subsequently written p5.vectors above)

​

    //------frontside

​

    [0, 1, 6],

    [6, 7, 1],

    [1, 2, 7],

    [7, 8, 2],

    [2, 3, 8],

    [8, 9, 3],

    [3, 4, 9],

    [9, 10, 4],

    [4, 5, 10],

    [10, 11, 5],

    [5, 0, 11],

    [11, 6, 0],

​

    //------ backside

​

    [12, 13, 18],

    [18, 19, 13],

    [13, 14, 19],

    [19, 20, 14],

    [14, 15, 20],

    [20, 21, 15],

    [15, 16, 21],

    [21, 22, 16],

    [16, 17, 22],

    [22, 23, 17],

    [17, 12, 23],

    [23, 18, 12],

    // [18, 13, 24],

    [18, 19, 13],

​

    //-----outer

​

    [0, 1, 13],

    [1, 13, 14],

    [1, 2, 14],

    [2, 14, 15],

    [2, 3, 15],

    [3, 15, 16],

    [3, 4, 16],

    [4, 16, 17],

    [4, 5, 17],

    [5, 17, 12],

    [5, 0, 13],

    [5, 12, 13],

​

    //-----inner

​

    [6, 7, 19],

    [7, 20, 19],

    [8, 7, 20],

    [8, 21, 20],

    [8, 22, 21],

    [9, 8, 22],

    [9, 10, 23],

    [10, 18, 23],

    [11, 6, 19],

    [11, 19, 18],

    [9, 23, 22],

    [10, 11, 18],

  ];

}

​

function mouseDragged() {

  rotY -= (mouseX - pmouseX) * 0.01;

  rotX -= (mouseY - pmouseY) * 0.01;

}

​

​