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

No:41278

←

Prev Next

→

Earthquake simulator
Developer User18493｜Date and time 24/2/6 18:21:10
Build time 6.911 sec｜Game capacity 1.99KB｜

Script

Sure! Here's a simple example of an earthquake simulator game implemented as a single HTML file using JavaScript and enclosed in script tags:

Earthquake Simulator

In this earthquake simulator game, a canvas element is used to display the simulated earthquake. On every click or tap on the canvas, a new earthquake is triggered. Each earthquake is represented by a randomly generated magnitude value between 1 and 10, and the earthquake is visualized as a red rectangle of varying size on the canvas. The earthquake location is also randomly generated within the canvas area. The `generateRandomMagnitude` function generates a random magnitude value, and the `simulateEarthquake` function clears the canvas, generates a new magnitude, and renders the earthquake on the canvas every second using the `setInterval` function. Note: This is a simplified example for illustration purposes only. In a real game, you would need to add more features, levels, and interactions.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of an earthquake simulator game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Earthquake Simulator</title>
</head>
<body>
  <h1>Earthquake Simulator</h1>
  <canvas id="canvas" width="400" height="400"></canvas>

let earthquakeMagnitude = 0;
    let intervalId;

function generateRandomMagnitude() {
      return Math.floor(Math.random() * 10) + 1;
    }

function simulateEarthquake() {
      clearInterval(intervalId);

earthquakeMagnitude = generateRandomMagnitude();
      
      intervalId = setInterval(() => {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
   
        const x = Math.floor(Math.random() * canvas.width);
        const y = Math.floor(Math.random() * canvas.height);
   
        ctx.fillStyle = "red";
        ctx.fillRect(x, y, earthquakeMagnitude, earthquakeMagnitude);
      }, 1000);
    }

canvas.addEventListener("click", simulateEarthquake);

simulateEarthquake();
  </script>
</body>
</html>
```

In this earthquake simulator game, a canvas element is used to display the simulated earthquake. On every click or tap on the canvas, a new earthquake is triggered.

Each earthquake is represented by a randomly generated magnitude value between 1 and 10, and the earthquake is visualized as a red rectangle of varying size on the canvas. The earthquake location is also randomly generated within the canvas area.

The `generateRandomMagnitude` function generates a random magnitude value, and the `simulateEarthquake` function clears the canvas, generates a new magnitude, and renders the earthquake on the canvas every second using the `setInterval` function.

Note: This is a simplified example for illustration purposes only. In a real game, you would need to add more features, levels, and interactions.