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

No:741

321

←

Prev Next

→

Fuckin W.
Developer User3112｜Date and time 23/6/17 15:41:35
Build time 32.694 sec｜Game capacity 2.886KB｜

Script

We have created this application. The program is described below.

embarrassingly bad video game

This game can be played on your phone. It uses a lot of pictograms.、We have also taken into consideration the ease of viewing.

This game is played by controlling the character with the arrow keys.、It is a simple game of avoiding obstacles.

The operation procedure is as follows

↑UP: Move up
↓: Move down
←: Move left
→ Move to the right

😀

The above is the program for this application. You control the character with the arrow keys.、The game is a simple game of avoiding obstacles. Obstacles are generated at random positions at regular intervals and、The game is over when you bump into a character. Once the game is over, the page will reload.

←

Prev　Next

→ 　

Back　

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

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

この度はアプリを作成いたしました。以下にプログラムを記載いたします。

<!DOCTYPE html>
<html>
<head>
  <title>クソゲー</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <h1>クソゲー</h1>
  <p>このゲームはスマホで遊べます。絵文字が多用されているので、見やすさにも配慮しました。</p>
  <p>このゲームは矢印キーでキャラクターを操作して、障害物を避けるという簡単なゲームです。</p>
  <p>操作方法は以下の通りです。</p>
  <ul>
    <li>↑：上に移動</li>
    <li>↓：下に移動</li>
    <li>←：左に移動</li>
    <li>→：右に移動</li>
  </ul>
  <div id="game">
    <span id="player">😀</span>
  </div>
  
  <script>
    const player = document.getElementById("player");
    const game = document.getElementById("game");
    let playerLeft = 0;
    let playerTop = 0;

setInterval(() => {
      const obstacle = document.createElement("span");
      obstacle.textContent = "😡";
      obstacle.classList.add("obstacle");
      obstacle.style.left = `${Math.random() * (game.offsetWidth - 50)}px`;
      game.appendChild(obstacle);

const obstacles = document.querySelectorAll(".obstacle");

obstacles.forEach((obstacle) => {
        obstacle.style.top = `${obstacle.offsetTop + 10}px`;
        if(obstacle.offsetTop > game.offsetHeight){
          obstacle.remove();
        }
        if(playerTop < obstacle.offsetTop + obstacle.offsetHeight &&
           playerTop + player.offsetHeight > obstacle.offsetTop &&
           playerLeft < obstacle.offsetLeft + obstacle.offsetWidth &&
           playerLeft + player.offsetWidth > obstacle.offsetLeft){
             alert("ゲームオーバー");
             location.reload();
           }
      })
    }, 100);
  
  </script>
</body>
</html>

以上が本アプリのプログラムです。矢印キーでキャラクターを操作して、障害物を避ける簡単なゲームとなっています。障害物は一定時間ごとにランダムな位置に生成され、キャラクターにぶつかるとゲームオーバーになります。一度ゲームオーバーになるとページがリロードされます。