An infinite racing game where you tilt the phone to move your car and avoid cars that are sizing up if collision on enemy car game over only if enemy car size 100 if size 100 in two secs dissapear's game

Click here for free DL of the app version that can save data.

No:51970

←

Prev Next

→

An infinite racing game where you tilt the phone t..ALL
Developer User21734｜Date and time 24/3/17 7:47:19
Build time 7.473 sec｜Game capacity 2.214KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 0; overflow: hidden;">

let playerCar = {
  x: canvas.width / 2,
  y: canvas.height - 50,
  size: 50,
  speed: 5,
  color: 'red'
};

let enemyCars = [];
let enemySpeed = 2;

const tiltSensitivity = 1;

function update() {
  clearCanvas();

movePlayerCar();
  drawCar(playerCar);

createEnemyCar();
  moveEnemyCars();

checkCollision();

requestAnimationFrame(update);
}

function clearCanvas() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
}

function movePlayerCar() {
  window.addEventListener('deviceorientation', event => {
    playerCar.x += event.beta * tiltSensitivity;
    if (playerCar.x < 0) playerCar.x = 0;
    if (playerCar.x > canvas.width - playerCar.size) playerCar.x = canvas.width - playerCar.size;
  });
}

function drawCar(car) {
  ctx.fillStyle = car.color;
  ctx.fillRect(car.x, car.y, car.size, car.size);
}

function createEnemyCar() {
  if (Math.random() < 0.01) {
    let enemyCar = {
      x: Math.random() * (canvas.width - 50),
      y: 0,
      size: Math.floor(Math.random() * 50) + 50,
      speed: enemySpeed,
      color: 'white'
    };

enemyCars.push(enemyCar);
  }
}

function moveEnemyCars() {
  enemyCars.forEach(car => {
    car.y += car.speed;
    drawCar(car);

if (car.size === 100) {
      setTimeout(() => {
        const index = enemyCars.indexOf(car);
        if (index > -1) {
          enemyCars.splice(index, 1);
        }
      }, 2000);
    }
  });
}

update();
</script>

</body>
</html>
```