AI game creator

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

No:17641

117

←

Prev Next

→

Any atari game
Developer User7745｜Date and time 23/9/24 4:45:36
Build time 27.857 sec｜Game capacity 3.369KB｜

Script

Sure, here's a simple implementation of the classic Atari game "Pong" as a single HTML file using JavaScript:

This code will display a game of Pong where you control one of the paddles using the up and down arrow keys. The ball will bounce off the paddles and the walls, and the game will continue until you close the browser window.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, here's a simple implementation of the classic Atari game "Pong" as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
   <title>Pong Game</title>
   <style>
      canvas {
         background-color: #000;
         display: block;
         margin: 0 auto;
      }
   </style>
</head>
<body>
   <canvas id="pong" width="800" height="400"></canvas>
   
   <script type="text/javascript">
      const canvas = document.getElementById("pong");
      const context = canvas.getContext("2d");
      
      // Paddle object
      const paddle = {
         width: 10,
         height: 100,
         color: "#FFF",
         x: 0,
         y: canvas.height / 2 - 50,
         dy: 8,
         draw: function() {
            context.fillStyle = this.color;
            context.fillRect(this.x, this.y, this.width, this.height);
         }
      };
      
      // Ball object
      const ball = {
         radius: 10,
         color: "#FFF",
         x: canvas.width / 2,
         y: canvas.height / 2,
         dx: 4,
         dy: 4,
         draw: function() {
            context.fillStyle = this.color;
            context.beginPath();
            context.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
            context.closePath();
            context.fill();
         }
      };
      
      // Move the paddle
      function movePaddle() {
         paddle.y += paddle.dy;
         
         if (paddle.y < 0) {
            paddle.y = 0;
         }
         
         if (paddle.y + paddle.height > canvas.height) {
            paddle.y = canvas.height - paddle.height;
         }
      }
      
      // Update game objects
      function update() {
         movePaddle();
         ball.x += ball.dx;
         ball.y += ball.dy;
         
         // Ball collision with paddle
         if (ball.y + ball.radius > paddle.y && ball.y - ball.radius < paddle.y + paddle.height && ball.dx > 0) {
            if (ball.x + ball.radius > paddle.x) {
               ball.dx *= -1;
            }
         }
         
         // Ball collision with walls
         if (ball.y + ball.radius > canvas.height || ball.y - ball.radius < 0) {
            ball.dy *= -1;
         }
         
         // Ball collision with paddles
         if (ball.x + ball.radius > canvas.width || ball.x - ball.radius < 0) {
            ball.dx *= -1;
         }
      }
      
      // Draw game objects
      function draw() {
         context.clearRect(0, 0, canvas.width, canvas.height);
         paddle.draw();
         ball.draw();
      }
      
      // Game loop
      function gameLoop() {
         update();
         draw();
         requestAnimationFrame(gameLoop);
      }
      
      // Event listeners for paddle movement
      document.addEventListener("keydown", function(event) {
         if (event.keyCode === 38) {
            paddle.dy = -8;
         }
         if (event.keyCode === 40) {
            paddle.dy = 8;
         }
      });
      
      document.addEventListener("keyup", function() {
         paddle.dy = 0;
      });
      
      // Start the game
      gameLoop();
   </script>
</body>
</html>
```