👾から逃げるゲーム's game

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

No:20192

←

Prev Next

→

👾から逃げるゲーム
Developer User8975｜Date and time 23/10/8 19:32:19
Build time 20.557 sec｜Game capacity 2.942KB｜

Script

了解です！以下にプログラムの実装例を示します。

👾

👽

このプログラムは、「👽」という宇宙人から「👾」というプレイヤーが逃げるゲームです。プレイヤーはキーボードの矢印キーで上下左右に移動できます。宇宙人はランダムに移動します。このプログラムをHTMLファイルとして保存し、ブラウザで開くことで実行できます。スマートフォンのブラウザで開くと、スマートフォンの操作でプレイできます。

←

Prev　Next

→ 　

Back　

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

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

了解です！以下にプログラムの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Alien Escape Game</title>
  <style>
    body {
      width: 100%;
      height: 100%;
      margin: 0;
      overflow: hidden;
      background-color: #000;
    }
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 50px;
      color: #fff;
    }
    #alien {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 80px;
      color: #0f0;
      transition: top 1s linear, left 1s linear;
    }
  </style>
</head>
<body>
  <div id="player">👾</div>
  <div id="alien">👽</div>

document.addEventListener("keydown", function(event) {
        let playerTop = parseInt(player.style.top);
        let playerLeft = parseInt(player.style.left);
        let step = 20;

if (event.key === "ArrowUp") {
          player.style.top = (playerTop - step) + "px";
        } else if (event.key === "ArrowDown") {
          player.style.top = (playerTop + step) + "px";
        } else if (event.key === "ArrowLeft") {
          player.style.left = (playerLeft - step) + "px";
        } else if (event.key === "ArrowRight") {
          player.style.left = (playerLeft + step) + "px";
        }
      });

setInterval(function() {
        let windowHeight = window.innerHeight;
        let windowWidth = window.innerWidth;
        let alienTop = parseInt(alien.style.top);
        let alienLeft = parseInt(alien.style.left);
        let stepSize = 10;

このプログラムは、「👽」という宇宙人から「👾」というプレイヤーが逃げるゲームです。プレイヤーはキーボードの矢印キーで上下左右に移動できます。宇宙人はランダムに移動します。

このプログラムをHTMLファイルとして保存し、ブラウザで開くことで実行できます。スマートフォンのブラウザで開くと、スマートフォンの操作でプレイできます。