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

No:15967

162

←

Prev Next

→

Freedom Vs. Communism
Developer User7024｜Date and time 23/9/14 9:11:03
Build time 37.616 sec｜Game capacity 3.565KB｜

Script

Freedom Vs. Communism

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Freedom Vs. Communism</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Load the game canvas and start the game
    window.onload = function() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');
      setInterval(updateGame, 1000 / 30); // Run game update 30 times per second
      document.addEventListener('keydown', handleKeyPress);
    };

// Update the game state
    function updateGame() {
      if (!gameOver) {
        moveFreedom();
        moveCommunism();
        drawGame();
        checkCollision();
      } else {
        canvasContext.fillStyle = 'black';
        canvasContext.fillRect(0, 0, canvas.width, canvas.height);
        canvasContext.fillStyle = 'white';
        canvasContext.fillText('Game Over!', canvas.width / 2, canvas.height / 2);
      }
    }

// Move the Freedom character
    function moveFreedom() {
      freedomX += freedomSpeedX;
      freedomY += freedomSpeedY;
      // Reverse direction if Freedom hits the canvas boundaries
      if (freedomX < 0 || freedomX > canvas.width - 20) {
        freedomSpeedX = -freedomSpeedX;
      }
      if (freedomY < 0 || freedomY > canvas.height - 20) {
        freedomSpeedY = -freedomSpeedY;
      }
    }

// Move the Communism character
    function moveCommunism() {
      communismX += communismSpeedX;
      communismY += communismSpeedY;
      // Reverse direction if Communism hits the canvas boundaries
      if (communismX < 0 || communismX > canvas.width - 20) {
        communismSpeedX = -communismSpeedX;
      }
      if (communismY < 0 || communismY > canvas.height - 20) {
        communismSpeedY = -communismSpeedY;
      }
    }

// Draw the game characters and canvas
    function drawGame() {
      // Clear the canvas
      canvasContext.fillStyle = 'white';
      canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Draw Freedom
      canvasContext.fillStyle = 'blue';
      canvasContext.fillRect(freedomX, freedomY, 20, 20);

// Draw Communism
      canvasContext.fillStyle = 'red';
      canvasContext.fillRect(communismX, communismY, 20, 20);
    }

// Check for collision between Freedom and Communism
    function checkCollision() {
      if (
        freedomX < communismX + 20 &&
        freedomX + 20 > communismX &&
        freedomY < communismY + 20 &&
        freedomY + 20 > communismY
      ) {
        gameOver = true;
      }
    }

// Handle keyboard input to move Freedom
    function handleKeyPress(event) {
      const step = 10;
      switch (event.keyCode) {
        case 37: // Left arrow key
          freedomX -= step;
          break;
        case 38: // Up arrow key
          freedomY -= step;
          break;
        case 39: // Right arrow key
          freedomX += step;
          break;
        case 40: // Down arrow key
          freedomY += step;
          break;
      }
    }
  </script>
</body>
</html>