Atari Pong with a tornado and you click the tornado moves to where you clicked for all devices's game

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

No:17147

161

←

Prev Next

→

Atari Pong with a tornado and you click the tornad..ALL
Developer User7570｜Date and time 23/9/22 9:20:48
Build time 22.791 sec｜Game capacity 3.004KB｜

Script

Sure, here's an example of a simple Atari Pong game with a tornado that moves to where you click. The game is implemented as a single HTML file and uses JavaScript. It is enclosed in script tags and starts automatically when the page loads. It can be played on all devices, including smartphones. The game uses pictogram-like graphics for simplicity. Here's the code:

To play the game, you can open this code in a web browser (e.g., Google Chrome) and click anywhere on the canvas to move the tornado to that position. The tornado will initially start at the center of the canvas and gradually move towards the clicked position. The paddle is stationary on the right side of the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Atari Pong with a Tornado</title>
    <style>
      canvas {
        border: 1px solid black;
        background: #f1f1f1;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Initialize the game
      function init() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");

// Tornado starting position and velocity
        x = canvas.width / 2;
        y = canvas.height / 2;
        dx = 4;
        dy = -4;
        tornadoSize = 20;

// Paddle dimensions and starting position
        paddleWidth = 10;
        paddleHeight = 80;
        paddleY = (canvas.height - paddleHeight) / 2;

// Register click event listener
        canvas.addEventListener("click", moveTornado);
      
        // Start the game loop
        setInterval(update, 10);
      }

// Game update function
      function update() {
        // Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move and draw the tornado
        moveTornado();
        drawTornado();

// Draw the paddle
        drawPaddle();
      }

// Move the tornado to the clicked position
      function moveTornado(event) {
        if(event && event.clientX && event.clientY) {
          x = event.clientX;
          y = event.clientY;
        }
      }

// Draw the tornado on the canvas
      function drawTornado() {
        ctx.beginPath();
        ctx.arc(x, y, tornadoSize, 0, Math.PI * 2);
        ctx.fillStyle = "blue";
        ctx.fill();
        ctx.closePath();
      }

// Draw the paddle on the canvas
      function drawPaddle() {
        ctx.beginPath();
        ctx.rect(canvas.width - paddleWidth, paddleY, paddleWidth, paddleHeight);
        ctx.fillStyle = "black";
        ctx.fill();
        ctx.closePath();
      }

// Start the game
      init();
    </script>
  </body>
</html>
```