ハリケンブルーのヨコスクロールアクションゲーム's game

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

No:19516

←

Prev Next

→

ハリケンブルーのヨコスクロールアクションゲーム
Developer User8663｜Date and time 23/10/4 15:32:17
Build time 10.611 sec｜Game capacity 1.928KB｜

Script

了解しました。以下がハリケンブルーのヨコスクロールアクションゲームのコードです。

🚀

このコードでは、ハリケンブルーという絵文字で表されるプレイヤーがスクリーン上を左から右に移動し、矢印キーの上下でプレイヤーを操作することができます。プレイヤーが画面の外に出た場合は、左端から再び現れます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解しました。以下がハリケンブルーのヨコスクロールアクションゲームのコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ハリケンブルーのヨコスクロールアクションゲーム</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    #player {
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
      font-size: 30px;
    }
  </style>
</head>
<body>
  <div id="player">🚀</div>
  
  <script>
    let player = document.getElementById("player");
    let container = document.body;
    let screenWidth = window.innerWidth;
    let screenHeight = window.innerHeight;
    let playerX = 10;
    let playerY = screenHeight / 2;
    let playerSpeed = 5;
    
    function movePlayerUp() {
      playerY -= playerSpeed;
      updatePlayerPosition();
    }
    
    function movePlayerDown() {
      playerY += playerSpeed;
      updatePlayerPosition();
    }
    
    function updatePlayerPosition() {
      player.style.top = playerY + "px";
    }
    
    function handleKeyDown(event) {
      if (event.key === 'ArrowUp') {
        movePlayerUp();
      } else if (event.key === 'ArrowDown') {
        movePlayerDown();
      }
    }
    
    document.addEventListener("keydown", handleKeyDown);
    
    setInterval(function() {
      playerX += 1;
      if (playerX > screenWidth) {
        playerX = -50;
      }
      player.style.left = playerX + "px";
    }, 10);
  </script>
</body>
</html>
```