sketch.js

let myCar

function setup() {
  createCanvas(800, 600)
  myCar = new Car(createVector(random(width), random(height)))
  myCar.heading = random(PI)
}

function draw() {
  background(0)
  myCar.draw()
}

class Car {
  constructor(pos) {
    this.pos = pos
    this.vel = createVector()
    this.acc = createVector()
    this.heading = 0
  }
  draw() {
    stroke(0, 148, 255) // I'm blue
    strokeWeight(8)
    point(this.pos.x, this.pos.y)

    strokeWeight(4)
    let h = p5.Vector.fromAngle(this.heading)
    h.setMag(10)
    h.add(this.pos)
    line(this.pos.x, this.pos.y, h.x, h.y)
  }

  // update() {

  //   let friction = this.vel.copy()
  //   friction.mult(-0.1)

  //   this.acc = createVector(0, 0)
  //   this.acc.add(friction)

  //   if (keyIsPressed) {
  //     if (key == 'ArrowUp') {
  //       this.accelerate()
  //     }
  //     else if (key == 'ArrowDown') {
  //       this.decelerate()
  //     }
  //     else if (key == 'ArrowRight') {
  //       this.rotateRight()
  //     }
  //     else if (key == 'ArrowLeft') {
  //       this.rotateLeft()
  //     }

  //   }
  //   this.vel.add(this.acc)
  //   this.pos.add(this.vel)

  //   for (let r of this.lidar) {
  //     r.update(this.pos, this.heading)
  //     r.cast()
  //   }
  // }

  // accelerate() {
  //   this.acc = p5.Vector.fromAngle(this.heading)
  //   this.acc.mult(0.1)
  // }
  // decelerate() {
  //   this.acc = p5.Vector.fromAngle(this.heading)
  //   this.acc.mult(-0.1)
  // }
  // rotateLeft() {
  //   this.rotate(-0.1)
  // }
  // rotateRight() {
  //   this.rotate(0.1)
  // }
  // rotate(offset) {
  //   this.heading += offset
  //   this.acc.rotate(offset)
  //   this.vel.rotate(offset)

  // }
}