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

No:10141

116

←

Prev Next

→

Planet creator
Developer User4442｜Date and time 23/7/29 3:39:08
Build time 15.534 sec｜Game capacity 2.224KB｜

Script

Sure! Here's an example of a simple game called "Planet Creator" implemented in a single HTML file using JavaScript:

Planet Creator

This game allows you to create randomly colored planets on a canvas by clicking the "Create Planet" button. Each time you click the button, a new planet will be generated at a random position within the canvas. You can customize the game further by adding more features like different planet shapes, additional buttons, etc.

←

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 game called "Planet Creator" implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Planet Creator</title>
  <style>
    body {
      background-color: #000;
      color: #FFF;
      text-align: center;
      font-family: Arial, sans-serif;
    }
    canvas {
      border: 1px solid #FFF;
    }
    button {
      margin-top: 10px;
      padding: 8px 16px;
      background-color: #FFF;
      border: none;
      color: #000;
      font-size: 16px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Planet Creator</h1>
  <canvas id="canvas" width="400" height="400"></canvas>
  <button id="createButton">Create Planet</button>
  <script>
    // Get the canvas and create the 2D context
    const canvas = document.getElementById("canvas");
    const ctx = canvas.getContext("2d");
    
    // Event listener for the createButton
    const createButton = document.getElementById("createButton");
    createButton.addEventListener("click", createPlanet);
    
    // Function to create the planet
    function createPlanet() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Generate a random color
      const randomColor = '#' + Math.floor(Math.random() * 16777215).toString(16);
      
      // Generate a random size for the planet
      const randomSize = Math.floor(Math.random() * 100) + 50;
      
      // Generate random coordinates within the canvas
      const x = Math.floor(Math.random() * (canvas.width - randomSize));
      const y = Math.floor(Math.random() * (canvas.height - randomSize));
      
      // Draw the planet
      ctx.beginPath();
      ctx.arc(x + randomSize/2, y + randomSize/2, randomSize/2, 0, 2 * Math.PI);
      ctx.fillStyle = randomColor;
      ctx.fill();
      ctx.closePath();
    }
  </script>
</body>
</html>
```