City Scape - OpenProcessing

mySketch.js
xxxxxxxxxx
 
let tall = 0
let off = 7814918023498172038947189237489712893479812734897129387489127341234
let x = 800
let y = 500
let npx = -2
let exoplsion = 0
let player = 0
let player2 = 0
let bk = 1
let x2 = 650
let y2 = 380
let npx2 = 10
let bk2 = -1
let cop = 1
let carcolor = 255
let carcolor1 = 255
let carcolor12 = 255
let carcolor2 = 255
let carcolor22 = 255
let carcolor222 = 255
​
function setup() {
  x = random(0, 1250)
  x2 = random(0, 1250)
  npx = random(-20, -0.5)
  npx2 = random(0.5, 20)
  carcolor = random(0, 255)
  carcolor1 = random(0, 255)
  carcolor12 = random(0, 255)
  carcolor2 = random(0, 255)
  carcolor22 = random(0, 255)
  carcolor222 = random(0, 255)
  createCanvas(1250, 605);
  background('#131862');
  background(night)
  translate(0, -100)
  house2()
  house()
  for (let i = 925; i <= 1250 - 50; i += 50) {
    push()
    stroke('brown')
    strokeWeight(10)
    line(i, 450, i, 400)
    for (let i2 = 1; i2 != 40; i2++) {
      stroke('brown')
      strokeWeight(1.5)
      line(i, 400, random(i - 25, i + 25), random(350, 400))
      strokeWeight(1)
      stroke('black')
      fill('red')
      circle(random(i - 25, i + 25), random(350, 400), random(5, 10))
      fill('green')
      circle(random(i - 25, i + 25), random(350, 400), random(1, 9))
    }
    pop()
  }
  fill('grey')
  rect(0, 450, 1250, 100)
  push()
  for (let i = 65; i <= 1250 - 225; i += 225) {
    push()
    translate(i, 400)
    cop = random(0, 1)
    if (cop < 0.8) {
      fill(random(255), random(255), random(255))
      rect(0, 50, 200, 50)
      rect(55, 20, 85, 5)
      quad(100, 25, 125, 50, 150, 50, 135, 25)
      quad(50, 50, 75, 25, 70, 25, 45, 50)
      fill('black')
      ellipse(165, 100, 30, 30)
      ellipse(25, 100, 30, 30)
      fill('skyblue')
      quad(50, 50, 75, 25, 100, 25, 125, 50)
      quad(150, 50, 135, 25, 140, 25, 155, 50)
      quad(70, 25, 45, 50, 35, 50, 55, 25)
      line(75, 25, 75, 50)
      line(100, 25, 100, 50)
      fill('grey')
      rect(0, 75, 35, 10)
      rect(185, 75, 25, 10)
      ellipse(25, 100, 15, 15)
      ellipse(165, 100, 15, 15)
    } else {
      image(popo, 0, 0, 200, 100)
    }
    pop()
  }
  
}
​
function roadx(x, y, width, length) {
  fill('black')
  rect(x, y, width, length)
  for (let i = x + 35; i < x + width - 70; i += 70) {
    fill('yellow')
    rect(i, length / 2 + y, 50, 10)
  }
}
​
function house() {
  for (let i = 10; i < 625; i += 90) {
    fill('grey')
    tall = random(250, 350)
    rect(i, 450, 80, -tall)
    fill('brown')
    rect(i + 25, 400, 25, 50)
    for (let y = 330; y > -tall + 450; y -= 25) {
      off = random(0, 1)
      if (off >= 0.5) {
        fill('rgba(255,255,0,0.99)')
      } else {
        fill('black')
      }
      rect(i + 5, y, 25, 20)
      off = random(0, 1)
      if (off >= 0.5) {
        fill('rgba(255,255,0,0.99)')
      } else {
        fill('black')
      }
      rect(i + 50, y, 25, 20)
    }
  }
}
​
function house2() {
  for (let i = 630; i < 900; i += 90) {
    fill('grey')
    tall = random(230, 400)
    arc(i + 35, 450, 90, tall * 2, PI, 2 * PI)
    fill('brown')
    arc(i + 35, 450, 25, 150, PI, 2 * PI)
    for (let y = 330; y > -tall + 500; y -= 25) {
      off = random(0, 1)
      if (off >= 0.5) {
        fill('rgba(255,255,0,0.75)')
      } else {
        fill('black')
      }
      ellipse(i + 15, y + 5, 15, 20)
      off = random(0, 1)
      if (off >= 0.5) {
        fill('rgba(255,255,0,0.75)')
      } else {
        fill('black')
      }
      ellipse(i + 60, y + 5, 15, 20)
    }
  }
​
}
​
function car(bk) {
  push()
  translate(x, y)
  scale(bk)
  fill(carcolor, carcolor1, carcolor12)
  rect(0, 50 * bk, 200, 50 * bk)
  rect(55, 20 * bk, 85, 5 * bk)
  quad(100, 25 * bk, 125, 50 * bk, 150, 50 * bk, 135, 25 * bk)
  quad(50, 50 * bk, 75, 25 * bk, 70, 25 * bk, 45, 50 * bk)
  fill('black')
  ellipse(165, 100 * bk, 30, 30 * bk)
  ellipse(25, 100 * bk, 30, 30 * bk)
  fill('skyblue')
  quad(50, 50 * bk, 75, 25 * bk, 100, 25 * bk, 125, 50 * bk)
  quad(150, 50 * bk, 135, 25 * bk, 140, 25 * bk, 155, 50 * bk)
  quad(70, 25 * bk, 45, 50 * bk, 35, 50 * bk, 55, 25 * bk)
  line(75, 25 * bk, 75, 50 * bk)
  line(100, 25 * bk, 100, 50 * bk)
  fill('grey')
  rect(0, 75 * bk, 35, 10 * bk)
  rect(185, 75 * bk, 25, 10 * bk)
  ellipse(25, 100 * bk, 15, 15 * bk)
  ellipse(165, 100 * bk, 15, 15 * bk)
  triangle(0, 50 * bk, 0, 100 * bk, -25, 75 * bk)
  pop()
}
​
function car2(bk) {
  push()
  translate(x2, y2)
  scale(bk)
  fill(carcolor2, carcolor22, carcolor222)
  rect(0, 50 * bk, 200, 50 * bk)
  rect(55, 20 * bk, 85, 5 * bk)
  quad(100, 25 * bk, 125, 50 * bk, 150, 50 * bk, 135, 25 * bk)
  quad(50, 50 * bk, 75, 25 * bk, 70, 25 * bk, 45, 50 * bk)
  fill('black')
  ellipse(165, 100 * bk, 30, 30 * bk)
  ellipse(25, 100 * bk, 30, 30 * bk)
  fill('skyblue')
  quad(50, 50 * bk, 75, 25 * bk, 100, 25 * bk, 125, 50 * bk)
  quad(150, 50 * bk, 135, 25 * bk, 140, 25 * bk, 155, 50 * bk)
  quad(70, 25 * bk, 45, 50 * bk, 35, 50 * bk, 55, 25 * bk)
  line(75, 25 * bk, 75, 50 * bk)
  line(100, 25 * bk, 100, 50 * bk)
  fill('grey')
  rect(0, 75 * bk, 35, 10 * bk)
  rect(185, 75 * bk, 25, 10 * bk)
  ellipse(25, 100 * bk, 15, 15 * bk)
  ellipse(165, 100 * bk, 15, 15 * bk)
  triangle(0, 50 * bk, 0, 100 * bk, -25, 75 * bk)
  pop()
}
​
function draw() {
  if (x >= x2 - 175 && x2 >= x - 175 && y == 380 && y2 == 380) {
    frameRate(60)
    if (player == 0) {
      bird.stop()
      expolsion.play()
    } else if (player == 1200) {
      player = 0
      expolsion.stop()
    }
    player++
    for (let i = 605; i >= 0; i -= 25) {
      fill('orange')
      ellipse(random(0, 1250), i, random(10, 50), random(10, 50))
      fill('red')
      ellipse(random(0, 1250), i, random(10, 50), random(10, 50))
      fill('yellow')
      ellipse(random(0, 1250), i, random(10, 50), random(10, 50))
      fill('white')
      textSize(25)
      text("KA-BOOOM", random(0, 1250), random(0, 605))
    }
  } else if (x >= x2 - 175 && x2 >= x - 175 && y == 500 && y2 == 500) {
    frameRate(60)
    if (player == 0) {
      bird.stop()
      expolsion.play()
    } else if (player > 1200) {
      player = 0
      expolsion.stop()
    }
    for (let i = 605; i >= 0; i -= 25) {
      fill('orange')
      ellipse(random(0, 1250), i, random(10, 50), random(10, 50))
      fill('red')
      ellipse(random(0, 1250), i, random(10, 50), random(10, 50))
      fill('yellow')
      ellipse(random(0, 1250), i, random(10, 50), random(10, 50))
      fill('white')
      textSize(25)
      text("KA-BOOOM", random(0, 1250), random(0, 605))
    }
  } else {
    frameRate(120)
    if (player2 == 0) {
      bird.play()
    } else if (player2 > 15240) {
      bird.stop()
      player2 = 0
    }
    player2++
    roadx(0, 400, 1250, 205)
    car(bk)
    x += npx
    car2(bk2)
    x2 += npx2
    if (x < -225) {
      x = -225
      npx *= -1
      npx++
      y = 380
      bk = -1
      carcolor = random(0, 255)
      carcolor1 = random(0, 255)
      carcolor12 = random(0, 255)
    } else if (x > 1475) {
      x = 1300
      npx *= -1
      npx--
      bk = 1
      y = 500
      carcolor = random(0, 255)
      carcolor1 = random(0, 255)
      carcolor12 = random(0, 255)
    }
    if (x2 < -225) {
      x2 = -225
      npx2 *= -1
      npx2++
​
      y2 = 380
      bk2 = -1
      carcolor2 = random(0, 255)
      carcolor22 = random(0, 255)
      carcolor222 = random(0, 255)
    } else if (x2 > 1475) {
      x2 = 1300
      npx2 *= -1
      npx2--
      bk2 = 1
      y2 = 500
      carcolor2 = random(0, 255)
      carcolor22 = random(0, 255)
      carcolor222 = random(0, 255)
    }
​
  }
  if (npx >= 40) {
    npx = random(10, 20)
  } else if (npx <= -40) {
    npx = random(-20, -10)
  }
  if (npx2 >= 40) {
    npx2 = random(5, 20)
  } else if (npx <= -40) {
    npx2 = random(-20, -5)
  }
}
​
​
function preload() {
  popo = loadImage("popo.png")
  night = loadImage('night.webp')
  bird = loadSound('6YWDF8A-birds.mp3')
  expolsion = loadSound('3NBSQ2N-explosions.mp3')
}