deprivation of stars's game

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

No:8168

5270

←

Prev Next

→

deprivation of stars
Developer User3589｜Date and time 23/7/14 0:51:27
Build time 20.651 sec｜Game capacity 2.512KB｜

Script

了解しました。以下に、スマホで遊べる簡単なゲームの例を示します。このゲームでは、ユーザーが星をタップすることで星々を剥奪していくものです。

このゲームでは、画面上をクリックすると、クリックした位置にランダムな色の星が生成されます。その後、星は徐々に小さくなり、消えていきます。クリックした箇所をタップすることで、星々を剥奪していくことができます。上記のコードをhtmlファイルとして保存し、スマートフォンなどのブラウザで開くことで、ゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>星々剥奪</title>
  <style>
    body {
      background-color: black;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      overflow: hidden;
    }

#canvas {
      border: 1px solid white;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

function createStar(x, y) {
      return {
        x,
        y,
        size: starSize,
        color: colors[Math.floor(Math.random() * colors.length)],
        remove: false,
      };
    }

function drawStar(star) {
      context.fillStyle = star.color;
      context.beginPath();
      context.arc(star.x, star.y, star.size, 0, Math.PI * 2);
      context.fill();
    }

function update() {
      context.clearRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < stars.length; i++) {
        const star = stars[i];

if (star.remove) {
          stars.splice(i, 1);
          i--;
          continue;
        }

drawStar(star);

if (star.size > 0) {
          star.size -= explosionSpeed;
        } else {
          star.remove = true;
        }
      }

requestAnimationFrame(update);
    }

function handleClick(event) {
      const x = event.clientX;
      const y = event.clientY;
      const star = createStar(x, y);
      stars.push(star);
    }

window.addEventListener('click', handleClick);

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

このゲームでは、画面上をクリックすると、クリックした位置にランダムな色の星が生成されます。その後、星は徐々に小さくなり、消えていきます。クリックした箇所をタップすることで、星々を剥奪していくことができます。

上記のコードをhtmlファイルとして保存し、スマートフォンなどのブラウザで開くことで、ゲームをプレイすることができます。