Evil God-chan Drop Kick's game | AI game creator

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

No:6116

842

Evil God-chan Drop Kick
Developer User3194｜Date and time 23/7/1 17:04:21
Build time 64.046 sec｜Game capacity 6.661KB｜

以下は、スマホで遊べるシンプルなゲームの例です。このゲームでは、邪神ちゃんが向かってくる悪いものをドロップキックで退治することが目的です。JavaScriptを使って動作するように実装されています。

このゲームでは、画面上に表示される`Start`ボタンをクリックするとゲームがスタートします。邪神ちゃんが左から右に移動し続け、プレイヤーはスクリーン上をタップすることで自由に動かすことができます。プレイヤーが邪神ちゃんと接触すると、プレイヤーはドロップキックを繰り出し、邪神ちゃんを退治します。退治するたびにスコアが加算されます。なお、スタイルは`style`タグで定義されています。また、絵文字を使用した本格的なゲームを作る場合には、より高度な技術と画像リソースが必要ですが、ここではシンプルな実装例として説明しました。

→ 　

0　

0　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

以下は、スマホで遊べるシンプルなゲームの例です。このゲームでは、邪神ちゃんが向かってくる悪いものをドロップキックで退治することが目的です。JavaScriptを使って動作するように実装されています。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>邪神ちゃんドロップキック</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    #game {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 60px;
    }
  </style>
</head>
<body>
  <div id="game"></div>

<script>
    // モバイル端末のタッチ操作を取得するための関数
    function getTouchListener() {
      var touch = {};
      touch.x = null;
      touch.y = null;

function onTouchStart(event) {
        touch.x = event.changedTouches[0].clientX;
        touch.y = event.changedTouches[0].clientY;
      }

function onTouchEnd() {
        touch.x = null;
        touch.y = null;
      }

return {
        touch: touch,
        start: onTouchStart,
        end: onTouchEnd
      };
    }

// ゲーム内のオブジェクトを表すクラス
    function GameObject(element, x, y, speed) {
      this.element = element;
      this.x = x;
      this.y = y;
      this.speed = speed;
    }

// 邪神ちゃんオブジェクト
    function Jyashin(element, x, y, speed) {
      GameObject.call(this, element, x, y, speed);
    }
    Jyashin.prototype = Object.create(GameObject.prototype);
    Jyashin.prototype.constructor = Jyashin;
    Jyashin.prototype.move = function() {
      this.x += this.speed;
      if (this.x > window.innerWidth) {
        this.x = -this.element.offsetWidth;
      }
      this.element.style.transform = "translate(" + this.x + "px, " + this.y + "px)";
    };

// プレイヤーオブジェクト
    function Player(element, x, y, speed) {
      GameObject.call(this, element, x, y, speed);
    }
    Player.prototype = Object.create(GameObject.prototype);
    Player.prototype.constructor = Player;
    Player.prototype.move = function() {
      var touch = touchListener.touch;
      if (touch.x !== null && touch.y !== null) {
        this.x = touch.x - this.element.offsetWidth / 2;
        this.y = touch.y - this.element.offsetHeight / 2;
      }
      this.element.style.transform = "translate(" + this.x + "px, " + this.y + "px)";
    };
    Player.prototype.dropkick = function() {
      var that = this;
      this.element.classList.add("kicking");
      setTimeout(function() {
        that.element.classList.remove("kicking");
      }, 300);
    };

// ゲームオブジェクトを生成し、表示する関数
    function createGameObjects() {
      var game = document.getElementById("game");
      var player = document.createElement("div");
      player.className = "player";
      game.appendChild(player);

var jyashin = document.createElement("div");
      jyashin.className = "jyashin";
      game.appendChild(jyashin);

return {
        player: new Player(player, 0, 0, 0),
        jyashin: new Jyashin(jyashin, 0, Math.floor(Math.random() * window.innerHeight), 10)
      };
    }

// ゲームループ
    function gameLoop() {
      gameObjects.jyashin.move();
      gameObjects.player.move();

var jyashinRect = gameObjects.jyashin.element.getBoundingClientRect();
      var playerRect = gameObjects.player.element.getBoundingClientRect();
      if (isColliding(jyashinRect, playerRect)) {
        gameObjects.player.dropkick();
        gameObjects.jyashin.x = -gameObjects.jyashin.element.offsetWidth;
        gameObjects.jyashin.y = Math.floor(Math.random() * window.innerHeight);
        score++;
        scoreElement.textContent = "Score: " + score;
      }

requestAnimationFrame(gameLoop);
    }

// オブジェクトの衝突判定
    function isColliding(rect1, rect2) {
      return rect1.left < rect2.right &&
             rect1.right > rect2.left &&
             rect1.top < rect2.bottom &&
             rect1.bottom > rect2.top;
    }

// ゲームの初期化
    function initGame() {
      score = 0;
      scoreElement.textContent = "Score: " + score;

gameObjects = createGameObjects();
      touchListener = getTouchListener();

document.addEventListener("touchstart", touchListener.start);
      document.addEventListener("touchend", touchListener.end);

gameLoop();
    }

// ゲームのスタート
    function startGame() {
      initGame();
    }
    
    // ゲームの要素を生成
    var game = document.getElementById("game");
    var startButton = document.createElement("button");
    startButton.textContent = "Start";
    startButton.addEventListener("click", startGame);
    game.appendChild(startButton);

var scoreElement = document.createElement("div");
    scoreElement.className = "score";
    game.appendChild(scoreElement);

// スタイルの定義
    var style = document.createElement("style");
    style.textContent = `
      .player {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 80px;
      }
      .kicking {
        animation: kick 0.3s;
      }
      @keyframes kick {
        0%, 100% { transform: translateY(-10px); }
        50% { transform: translateY(10px); }
      }
      .jyashin {
        position: fixed;
        top: 0;
        font-size: 100px;
      }
      .score {
        position: fixed;
        top: 10px;
        right: 10px;
        font-size: 30px;
        color: white;
      }
    `;
    document.head.appendChild(style);
  </script>
</body>
</html>
```

このゲームでは、画面上に表示される`Start`ボタンをクリックするとゲームがスタートします。邪神ちゃんが左から右に移動し続け、プレイヤーはスクリーン上をタップすることで自由に動かすことができます。プレイヤーが邪神ちゃんと接触すると、プレイヤーはドロップキックを繰り出し、邪神ちゃんを退治します。退治するたびにスコアが加算されます。

なお、スタイルは`style`タグで定義されています。また、絵文字を使用した本格的なゲームを作る場合には、より高度な技術と画像リソースが必要ですが、ここではシンプルな実装例として説明しました。