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

No:5699

1199

←

Prev Next

→

New Super 32X software
Developer User3832｜Date and time 23/6/30 16:49:07
Build time 31.869 sec｜Game capacity 2.722KB｜

Script

わかりました。以下はスーパー32Xの新作ソフトをゲーム化した例です。

スーパー32Xゲーム

あなたは32Xスーパーヒーローです。敵キャラクターを倒し、スコアを稼ぎましょう！

操作方法：タップで攻撃

スコア: 0

このプログラムは、ブラウザ画面上に表示される青い点がプレイヤーキャラクターで、赤い点が敵キャラクターです。プレイヤーキャラクターはタップすることで移動します。プレイヤーキャラクターが敵キャラクターに触れると、スコアが増加し、新たな敵キャラクターが出現します。スコアは画面上部に表示されます。

←

Prev　Next

→ 　

Back　

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

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

わかりました。以下はスーパー32Xの新作ソフトをゲーム化した例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>スーパー32Xゲーム</title>
</head>
<body>
  <h1>スーパー32Xゲーム</h1>
  <p>あなたは32Xスーパーヒーローです。敵キャラクターを倒し、スコアを稼ぎましょう！</p>
  <p>操作方法：タップで攻撃</p>
  <p>スコア: <span id="score">0</span></p>
  <canvas id="gameCanvas" width="400" height="400" style="border:1px solid black;"></canvas>

// プレイヤーキャラクターの初期位置
    let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;

// 敵キャラクターの初期位置
    let enemyX = Math.random() * (canvas.width - 20);
    let enemyY = Math.random() * (canvas.height - 20);

let score = 0;

// プレイヤーキャラクターの描画
    function drawPlayer() {
      context.beginPath();
      context.arc(playerX, playerY, 10, 0, Math.PI * 2);
      context.fillStyle = 'blue';
      context.fill();
      context.closePath();
    }

// 敵キャラクターの描画
    function drawEnemy() {
      context.beginPath();
      context.arc(enemyX, enemyY, 10, 0, Math.PI * 2);
      context.fillStyle = 'red';
      context.fill();
      context.closePath();
    }

// 毎フレームの処理
    function update() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      drawPlayer();
      drawEnemy();

// 敵キャラクターとの衝突判定
      if (playerX >= enemyX - 10 && playerX <= enemyX + 10 && playerY >= enemyY - 10 && playerY <= enemyY + 10) {
        score += 10;
        document.getElementById('score').textContent = score;
        
        enemyX = Math.random() * (canvas.width - 20);
        enemyY = Math.random() * (canvas.height - 20);
      }

requestAnimationFrame(update);
    }

// タップ時の処理
    canvas.addEventListener('click', function(e) {
      playerX = e.clientX - canvas.offsetLeft;
      playerY = e.clientY - canvas.offsetTop;
    });

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