const MAX_ROT = 0.01;

let d_rx, d_ry, d_dx, d_dy;

let nuts = [];

var gid = "custom";

var normalNutMesh;

var boldNutMesh;

​

function preload() {

  normalNutMesh = loadModel("cube.obj");

  boldNutMesh = loadModel("cube2.obj");

}

​

function setup() {

  canvas = createCanvas(1000, 750, WEBGL);

  background(0);

  for (let i = 0; i < NUTS; i++) {

    nuts[i] = new Nut();

  }

  d_rx = random(0, TWO_PI);

  d_dx = random(-MAX_ROT, MAX_ROT);

  d_ry = random(0, TWO_PI);

  d_dy = random(-MAX_ROT, MAX_ROT);

}

​

function draw() {

  orbitControl(2, 2);

  background(0);

  lights(100);

  directionalLight(250, 250, 250, width, 0, 50)

  pointLight(255, 255, 255, width, 0, 50)

  rotateY(millis() * 0.001);

  for (let i = 0; i < NUTS; i++) {

    nuts[i].display();

  }

}

​

let nextId = 0;

​

class Nut {

  constructor() {

    this.diameter = random(0.5, 4);

    this.blendValue = random(2, 0);

    this.nut_width = random(0.3, 4.0);

    this.rx = 0;

    this.ry = 0;

    this.rz = random(0, TWO_PI);

    this.dx = 0;

    this.dy = 0;

    this.dz = random(-MAX_ROT, MAX_ROT);

    this.c = color(random(64, 256), random(64, 256), random(64, 256));

    this.normalMesh = normalNutMesh;

    this.boldMesh = boldNutMesh;

    this.blendMesh = new p5.Geometry();

    this.blendMeshes();

    this.blendMesh.gid = `nut-${nextId++}`;

  }

​

  display() {

    noStroke();

    this.rx += this.dx;

    this.ry += this.dy;

    this.rz += this.dz;

    this.sl = 60; // "screw" length

    this.som = this.sl * cos(this.rz); // sideways oscilating movement

    rotateZ(this.rz);

    fill(this.c);

    translate(0, 0, this.som);

    model(this.blendMesh);

  }

​

  blendMeshes() {

    for (let i = 0; i < this.normalMesh.vertices.length; i++) {

      let vertex = createVector(

        this.normalMesh.vertices[i].x / this.diameter,

        this.normalMesh.vertices[i].y / this.diameter,

        this.normalMesh.vertices[i].z / this.nut_width

      );

      if (i == 0) {

        console.log(`${vertex.x}, ${vertex.y}, ${vertex.z}`);

      }

      const deltaX =

        this.boldMesh.vertices[i].x - this.normalMesh.vertices[i].x;

      const deltaY =

        this.boldMesh.vertices[i].y - this.normalMesh.vertices[i].y;

      const deltaZ =

        this.boldMesh.vertices[i].z - this.normalMesh.vertices[i].z;

​

      if (i == 0) {

        console.log(`deltas: ${deltaX}, ${deltaY}, ${deltaZ}`);

      }

​

      vertex.x += (deltaX * this.blendValue);

      vertex.y += (deltaY * this.blendValue);

      vertex.z += (deltaZ * this.blendValue);

​

      this.blendMesh.vertices.push(vertex);

      // Inherit the normal from the "normalMesh"

      this.blendMesh.vertexNormals.push(this.normalMesh.vertexNormals[i]);

    }

​

    this.blendMesh.faces = [...this.normalMesh.faces];

  }

}

​