A game in which you have to EVADE a smiley face trying to k○ll you's game

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

No:52300

122

←

Prev Next

→

A game in which you have to EVADE a smiley face tr..ALL
Developer Winnerweiner2113｜Date and time 24/3/20 7:22:03
Build time 8.978 sec｜Game capacity 1.537KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Evade the Killer Smiley Face!</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let player = {
      x: 200,
      y: 200,
      size: 20,
    };

let smiley = {
      x: Math.random() * 400,
      y: Math.random() * 400,
      size: 30,
      speed: 1,
    };

function drawPlayer() {
      ctx.fillStyle = 'red';
      ctx.fillRect(player.x, player.y, player.size, player.size);
    }

function drawSmiley() {
      ctx.fillStyle = 'yellow';
      ctx.fillRect(smiley.x, smiley.y, smiley.size, smiley.size);
    }

function update() {
      smiley.x += Math.random() < 0.5 ? smiley.speed : -smiley.speed;
      smiley.y += Math.random() < 0.5 ? smiley.speed : -smiley.speed;

if (smiley.x < 0 || smiley.x > 400) {
        smiley.x = Math.random() * 400;
      }

if (smiley.y < 0 || smiley.y > 400) {
        smiley.y = Math.random() * 400;
      }

if (player.x < smiley.x + smiley.size &&
          player.x + player.size > smiley.x &&
          player.y < smiley.y + smiley.size &&
          player.y + player.size > smiley.y) {
        console.log('Game Over!');
      }

drawPlayer();
      drawSmiley();
    }

function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      update();
      requestAnimationFrame(gameLoop);
    }

gameLoop();
  </script>
</body>
</html>