a typhoon game it will has typhoon warnings's game

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

No:44957

104

←

Prev Next

→

a typhoon game it will has typhoon warnings
Developer User19517｜Date and time 24/2/19 19:28:14
Build time 5.738 sec｜Game capacity 1.4KB｜

Script

This code creates a simple typhoon game where a typhoon moves around the canvas and bounces off the walls. The game is implemented using HTML5 Canvas and JavaScript. Players can see the typhoon moving around and try to catch it by interacting with the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Typhoon Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let typhoonX = 200;
    let typhoonY = 300;
    let typhoonSpeedX = 2;
    let typhoonSpeedY = 3;

function drawTyphoon() {
      ctx.beginPath();
      ctx.arc(typhoonX, typhoonY, 30, 0, 2 * Math.PI);
      ctx.fillStyle = 'blue';
      ctx.fill();
    }

function updateTyphoonPosition() {
      typhoonX += typhoonSpeedX;
      typhoonY += typhoonSpeedY;

if (typhoonX < 0 || typhoonX > 400) {
        typhoonSpeedX = -typhoonSpeedX;
      }
      if (typhoonY < 0 || typhoonY > 600) {
        typhoonSpeedY = -typhoonSpeedY;
      }
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawTyphoon();
      updateTyphoonPosition();
      requestAnimationFrame(draw);
    }

draw();
  </script>
</body>
</html>
```
This code creates a simple typhoon game where a typhoon moves around the canvas and bounces off the walls. The game is implemented using HTML5 Canvas and JavaScript. Players can see the typhoon moving around and try to catch it by interacting with the canvas.