AI game creator

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

No:15530

←

Prev Next

→

Planet sim
Developer User6730｜Date and time 23/9/9 20:09:07
Build time 37.533 sec｜Game capacity 3.702KB｜

Script

Sure! Here's an example of a simple planet simulation game implemented as a single HTML file using JavaScript and enclosed in `` tags: <br><br> <br> <style> #loadedGame { font-family: Arial, sans-serif; text-align: center; } </style> <h1>Planet Sim Game</h1> <canvas id="canvas" width="400" height="400"></canvas>

Please note that you need to have `emozi_rabbit.png` and `emozi_apple.png` image files in the same directory as the HTML file for the images to load properly.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's an example of a simple planet simulation game implemented as a single HTML file using JavaScript and enclosed in `<script>` tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Planet Sim Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Planet Sim Game</h1>
  
  <canvas id="canvas" width="400" height="400"></canvas>

let score = 0;

const planetImage = new Image();
    planetImage.src = 'planet.png';

const spacecraftImage = new Image();
    spacecraftImage.src = 'spacecraft.png';

const planet = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      radius: 50,
      speed: 2,
      dx: -2,
      dy: -2,
    };

const spacecraft = {
      x: canvas.width / 2,
      y: canvas.height - 100,
      width: 40,
      height: 40,
      speed: 4,
      dx: 0,
      dy: 0,
    };

function drawPlanet() {
      ctx.drawImage(planetImage, planet.x - planet.radius, planet.y - planet.radius, planet.radius * 2, planet.radius * 2);
    }

function drawSpacecraft() {
      ctx.drawImage(spacecraftImage, spacecraft.x - spacecraft.width / 2, spacecraft.y - spacecraft.height / 2, spacecraft.width, spacecraft.height);
    }

function movePlanet() {
      planet.x += planet.dx;
      planet.y += planet.dy;
    }

function moveSpacecraft() {
      spacecraft.x += spacecraft.dx;
      spacecraft.y += spacecraft.dy;

if (spacecraft.x - spacecraft.width / 2 < 0) {
        spacecraft.x = spacecraft.width / 2;
      }

if (spacecraft.x + spacecraft.width / 2 > canvas.width) {
        spacecraft.x = canvas.width - spacecraft.width / 2;
      }

if (spacecraft.y - spacecraft.height / 2 < 0) {
        spacecraft.y = spacecraft.height / 2;
      }

if (spacecraft.y + spacecraft.height / 2 > canvas.height) {
        spacecraft.y = canvas.height - spacecraft.height / 2;
      }
    }

function detectCollision() {
      const distance = Math.sqrt(Math.pow(planet.x - spacecraft.x, 2) + Math.pow(planet.y - spacecraft.y, 2));
      if (distance < planet.radius + spacecraft.width / 2) {
        score++;
        planet.x = Math.random() * (canvas.width - planet.radius * 2) + planet.radius;
        planet.y = Math.random() * (canvas.height - planet.radius * 2) + planet.radius;
      }
    }

function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlanet();
      drawSpacecraft();
      movePlanet();
      moveSpacecraft();
      detectCollision();

ctx.fillText('Score: ' + score, 10, 20);

requestAnimationFrame(updateGame);
    }

updateGame();

document.addEventListener('keydown', function(event) {
      if (event.keyCode === 37) { // Left arrow key
        spacecraft.dx = -spacecraft.speed;
      }

if (event.keyCode === 39) { // Right arrow key
        spacecraft.dx = spacecraft.speed;
      }

if (event.keyCode === 38) { // Up arrow key
        spacecraft.dy = -spacecraft.speed;
      }

if (event.keyCode === 40) { // Down arrow key
        spacecraft.dy = spacecraft.speed;
      }
    });

document.addEventListener('keyup', function(event) {
      if (event.keyCode === 37 || event.keyCode === 39) {
        spacecraft.dx = 0;
      }

if (event.keyCode === 38 || event.keyCode === 40) {
        spacecraft.dy = 0;
      }
    });
  </script>
</body>
</html>
```

Please note that you need to have `planet.png` and `spacecraft.png` image files in the same directory as the HTML file for the images to load properly.