A revolutionary game that doesnt use emojis.'s game

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

No:2803

1645

←

Prev Next

→

A revolutionary game that doesnt use emojis.
Developer User3589｜Date and time 23/6/22 18:25:08
Build time 14.374 sec｜Game capacity 2.052KB｜

Script

あるいは、面白いゲームを作りましょう！







  
    
  
  



このゲームは、単純な円を動かしているだけですが、ランダムな方向に動きます。円が画面の端に当たると跳ね返って、続けて移動します。スマホで遊びやすいように、画面サイズに自動的に対応しています。

*This prompt didn't get me into the game this time. Plz try to generate it a few times.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

あるいは、面白いゲームを作りましょう！

<HTML>
<HEAD>
<TITLE>画期的なゲーム</TITLE>
<STYLE>
  #game-board {
    width: 320px;
    height: 568px;
    background-color: #eee;
    position: relative;
  }
  .game-piece {
    width: 40px;
    height: 40px;
    background-color: #f00;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
  }
</STYLE>
</HEAD>
<BODY>
  <DIV id="game-board">
    <DIV class="game-piece"></DIV>
  </DIV>
  <SCRIPT>
    // 初期化
    var gameBoard = document.getElementById("game-board");
    var gamePiece = document.querySelector(".game-piece");
    var boardWidth = gameBoard.offsetWidth;
    var boardHeight = gameBoard.offsetHeight;
    var pieceSize = gamePiece.offsetWidth;
    var minPos = pieceSize / 2;
    var maxPosX = boardWidth - minPos;
    var maxPosY = boardHeight - minPos;
    var currentPosX = boardWidth / 2;
    var currentPosY = boardHeight / 2;
    var moveAmount = 20;

// ゲームループ
    setInterval(function() {
      // 移動
      var deltaX = Math.floor(Math.random() * moveAmount * 2) - moveAmount;
      var deltaY = Math.floor(Math.random() * moveAmount * 2) - moveAmount;
      currentPosX += deltaX;
      currentPosY += deltaY;

// 壁に当たったら跳ね返す
      if (currentPosX < minPos) {
        currentPosX = minPos;
      } else if (currentPosX > maxPosX) {
        currentPosX = maxPosX;
      }
      if (currentPosY < minPos) {
        currentPosY = minPos;
      } else if (currentPosY > maxPosY) {
        currentPosY = maxPosY;
      }
      gamePiece.style.left = currentPosX + "px";
      gamePiece.style.top = currentPosY + "px";
    }, 1000 / 60);
  </SCRIPT>
</BODY>
</HTML>

このゲームは、単純な円を動かしているだけですが、ランダムな方向に動きます。円が画面の端に当たると跳ね返って、続けて移動します。スマホで遊びやすいように、画面サイズに自動的に対応しています。