AI game creator

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

No:14

327

←

Prev Next

→

Dot eat game
Developer User1006｜Date and time 23/4/20 15:44:38
Build time unknown sec｜Game capacity 7.146KB｜

Script

[Game Description] 

This game is a dot eat game where you eat dots to earn scores. Players can operate with only the touch of the smartphone, move on the grid and eat the dots. If you hit an enemy character, it will be game over. Scores are added according to the number of dots eaten.

←

Prev　Next

→ 　

Back　

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

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

<div id="score"></div>
<br>
<div id="2d"></div>
<canvas id="game" width="400" height="400"></canvas>
<pre>【ゲーム説明】

このゲームは、ドットを食べてスコアを稼ぐドットイートゲームです。プレイヤーはスマホのタッチのみで操作することができ、グリッド上を移動してドットを食べます。敵キャラクターにぶつかるとゲームオーバーになります。スコアは、食べたドットの数に応じて加算されます。 
<script>
// ゲームの定数
const GRID_SIZE = 20; // グリッドのサイズ
const CANVAS_SIZE = 400; // キャンバスのサイズ
const PLAYER_START_X = 100; // プレイヤーの初期位置（x座標）
const PLAYER_START_Y = 100; // プレイヤーの初期位置（y座標）
const DOT_SIZE = 10; // ドットのサイズ
const DOT_COUNT = 30; // ドットの数
const ENEMY_COUNT = 3; // 敵キャラクターの数
const ENEMY_STEP_TIME = 2000; // 敵キャラクターの移動間隔（ミリ秒）
const SCORE_ELEMENT = document.getElementById('score'); // スコア表示用の要素

// ゲームの変数
let playerX = PLAYER_START_X; // プレイヤーの現在の位置（x座標）
let playerY = PLAYER_START_Y; // プレイヤーの現在の位置（y座標）
let playerDirection = 'right'; // プレイヤーの方向
let dots = []; // ドットの座標を格納する配列
let enemyCharacters = []; // 敵キャラクターの座標を格納する配列
let score = 0; // スコア

// キャンバスの要素を取得
const canvas = document.getElementById('game');

console.log("canvas="+canvas);

// キャンバスのコンテキストを取得
const ctx = canvas.getContext('2d');

// ゲームを初期化
function init() {
  // プレイヤーの初期位置にドットを作成
  for (let i = 0; i < DOT_COUNT; i++) {
    dots.push({
      x: Math.floor(Math.random() * GRID_SIZE) * DOT_SIZE,
      y: Math.floor(Math.random() * GRID_SIZE) * DOT_SIZE
    });
  }

// 敵キャラクターを作成
  for (let i = 0; i < ENEMY_COUNT; i++) {
    enemyCharacters.push({
      x: Math.floor(Math.random() * GRID_SIZE) * DOT_SIZE,
      y: Math.floor(Math.random() * GRID_SIZE) * DOT_SIZE
    });
  }

// スコアを初期化
  score = 0;

// ゲームループを開始
  gameLoop();
}

// ゲームループ
function gameLoop() {
  // キャンバスをクリア
  ctx.clearRect(0, 0, CANVAS_SIZE, CANVAS_SIZE);

// プレイヤーを描画
  drawPlayer();

// ドットを描画
  drawDots();

// 敵キャラクターを描画
  drawEnemyCharacters();

// スコアを更新
  updateScore();

// 敵キャラクターをランダムに移動させる
  setTimeout(moveEnemyCharacters, ENEMY_STEP_TIME);

// ゲームループを続ける
  requestAnimationFrame(gameLoop);
}

// プレイヤーを描画
function drawPlayer() {
  ctx.fillStyle = 'blue';
  ctx.fillRect(playerX, playerY, DOT_SIZE, DOT_SIZE);
}

// ドットを描画
function drawDots() {
  for (let i = 0; i < dots.length; i++) {
    ctx.fillStyle = 'red';
    ctx.fillRect(dots[i].x, dots[i].y, DOT_SIZE, DOT_SIZE);
  }
}

// 敵キャラクターを描画
function drawEnemyCharacters() {
  for (let i = 0; i < enemyCharacters.length; i++) {
    ctx.fillStyle = 'green';
    ctx.fillRect(enemyCharacters[i].x, enemyCharacters[i].y, DOT_SIZE, DOT_SIZE);
  }
}

// スコアを更新
function updateScore() {
  SCORE_ELEMENT.textContent = `Score: ${score}`;
}

// 敵キャラクターをランダムに移動させる
function moveEnemyCharacters() {
  for (let i = 0; i < enemyCharacters.length; i++) {
    const moveDirection = Math.floor(Math.random() * 4); // 0: 上, 1: 右, 2: 下, 3: 左

switch (moveDirection) {
      case 0: // 上に移動
        if (enemyCharacters[i].y - DOT_SIZE >= 0) {
          enemyCharacters[i].y -= DOT_SIZE;
        }
        break;
      case 1: // 右に移動
        if (enemyCharacters[i].x + DOT_SIZE < CANVAS_SIZE) {
          enemyCharacters[i].x += DOT_SIZE;
        }
        break;
      case 2: // 下に移動
        if (enemyCharacters[i].y + DOT_SIZE < CANVAS_SIZE) {
          enemyCharacters[i].y += DOT_SIZE;
        }
        break;
      case 3: // 左に移動
        if (enemyCharacters[i].x - DOT_SIZE >= 0) {
          enemyCharacters[i].x -= DOT_SIZE;
        }
        break;
    }
  }
}

// タッチされた時の処理
canvas.addEventListener('touchstart', (event) => {
  // タップされた座標を取得
  const touchX = event.touches[0].clientX;
  const touchY = event.touches[0].clientY;

// プレイヤーの移動方向を決定
  if (touchX > playerX + DOT_SIZE && touchY > playerY + DOT_SIZE) {
    playerDirection = 'downright';
  } else if (touchX > playerX + DOT_SIZE && touchY < playerY) {
    playerDirection = 'upright';
  } else if (touchX < playerX && touchY < playerY) {
    playerDirection = 'upleft';
  } else if (touchX < playerX && touchY > playerY + DOT_SIZE) {
    playerDirection = 'downleft';
  } else if (touchX > playerX + DOT_SIZE) {
    playerDirection = 'right';
  } else if (touchX < playerX) {
    playerDirection = 'left';
  } else if (touchY > playerY + DOT_SIZE) {
    playerDirection = 'down';
  } else if (touchY < playerY) {
    playerDirection = 'up';
  }
});

// プレイヤーを移動させる
function movePlayer() {
  switch (playerDirection) {
    case 'up':
      if (playerY - DOT_SIZE >= 0) {
        playerY -= DOT_SIZE;
      }
      break;
    case 'down':
      if (playerY + DOT_SIZE < CANVAS_SIZE) {
        playerY += DOT_SIZE;
      }
      break;
    case 'left':
      if (playerX - DOT_SIZE >= 0) {
        playerX -= DOT_SIZE;
      }
      break;
    case 'right':
      if (playerX + DOT_SIZE < CANVAS_SIZE) {
        playerX += DOT_SIZE;
      }
      break;
    case 'upright':
      if (playerX + DOT_SIZE < CANVAS_SIZE && playerY - DOT_SIZE >= 0) {
        playerY -= DOT_SIZE;
        playerX += DOT_SIZE;
      }
      break;
    case 'downright':
      if (playerX + DOT_SIZE < CANVAS_SIZE && playerY + DOT_SIZE < CANVAS_SIZE) {
        playerY += DOT_SIZE;
        playerX += DOT_SIZE;
      }
      break;
    case 'upleft':
      if (playerX - DOT_SIZE >= 0 && playerY - DOT_SIZE >= 0) {
        playerY -= DOT_SIZE;
        playerX -= DOT_SIZE;
      }
      break;
    case 'downleft':
      if (playerX - DOT_SIZE >= 0 && playerY + DOT_SIZE < CANVAS_SIZE) {
        playerY += DOT_SIZE;
        playerX -= DOT_SIZE;
      }
      break;
  }
}

// 衝突判定
function checkCollision() {
  // 敵キャラクターとの衝突判定
  for (let i = 0; i < enemyCharacters.length; i++) {
    if (playerX === enemyCharacters[i].x && playerY === enemyCharacters[i].y) {
      gameOver();
      return;
    }
  }

// ドットとの衝突判定
  for (let i = 0; i < dots.length; i++) {
    if (playerX === dots[i].x && playerY === dots[i].y) {
      dots.splice(i, 1);
      score += 10;
      break;
    }
  }
}

// ゲームオーバー
function gameOver() {
  alert(`GameOver! Score: ${score}`);
  init();
}

// ゲーム開始
init();
</script>
</pre>