3D Composite Model

let flip = 0;

let modelParts;

let facing = 0;

let truckPos;

let particles = [];

let go = 1;

​

function preload() {

  modelParts = preloadTruckModel();

}

​

function preloadTruckModel() {

  //It's easier to create a global object with all the models

  //as properties, than to declare a global variable for each!

  modelParts = {};

  modelParts.body = loadModel('body2.obj');

  modelParts.bumpers = loadModel('bumpers-etc1.obj');

  modelParts.wheels = loadModel('wheels3.obj');

  modelParts.windows = loadModel('windows2.obj');

  modelParts.lightsFront = loadModel('lights-front.obj');

  modelParts.lightsRear = loadModel('lights-rear.obj');

  modelParts.plates = loadModel('plates.obj');

  return modelParts;

}

​

​

​

function setup() {

  createCanvas(1112, 834, WEBGL);

​

  stroke("#43658b");

  debugMode(500, 10); // Add a grid and an axes guide.  RGB indicate XYZ, respectively (so Red is X axis. Direction of the stick outward indicates +ve on that axis.)

  truckPos = createVector(0, 0);

}

​

​

function draw() {

  if (flip == 1) scale(1, -1);

  background(200);

  //allow mouse to be used to "orbit" the camera around the origin.

  orbitControl(5, 5, 0.01);

​

  //Add some lights

  directionalLight(color(120, 100, 80), createVector(-0.8, -0.5, -0.2));

  directionalLight(color(40, 40, 40), createVector(0.4, 0.3, 0.2));

  ambientLight(180, 150, 150);

​

  if (go == 1) moveTruck();

  drawTruck()

​

}

​

function moveTruck() {

  const facingChangeIdeal = map(mouseX, 0, width, 2, -2);

  facing += facingChangeIdeal;

  truckPos.add(p5.Vector.fromAngle(-radians(facing - 90), 3));

  if (truckPos.mag() > 1000) {

    truckPos = createVector(0, 0);

  }

}

​

function drawTruck() {

  push();

  translate(truckPos.x, 0, truckPos.y)

  angleMode(DEGREES)

  rotateY(facing)

​

  noStroke();

  push();

  //blender's idea of up is different!

  rotateZ(180)

  translate(0, 10, 0);

  scale(30)

​

  fill('yellow');

  model(modelParts.body);

​

  ambientMaterial('cyan');

  model(modelParts.plates);

​

​

  specularMaterial('skyblue');

  model(modelParts.windows);

​

  emissiveMaterial('white');

  model(modelParts.lightsFront);

​

  emissiveMaterial('red');

  model(modelParts.lightsRear);

​

  ambientMaterial('gray');

  model(modelParts.bumpers);

​

  fill(120);

  drawWheel(1.3);

  drawWheel(-2.2);

​

  pop();

  pop();

}

​

function drawWheel(zOffset) {

  push();

  translate(0, 0.3, zOffset);

  if (go == 1) rotateX(frameCount * 4);

  //the origin of these wheels is not in their centre but 

  const wheelZ = -1.3007;

  const wheelY = -0.322

  translate(0, wheelY, wheelZ)

  model(modelParts.wheels);

  pop()

}

​

function keyPressed(){

  if (key == 'g') go = 1 - go;

  if (key == 's') save('pix.jpg');

}