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

No:13858

←

Prev Next

→

R6 game
Developer User6030｜Date and time 23/8/30 5:30:13
Build time 13.666 sec｜Game capacity 2.155KB｜

Script

R6 Game

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>R6 Game</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      
      #game {
        position: relative;
        margin: 20px auto;
        width: 250px;
        height: 400px;
        border: 3px solid black;
      }
      
      #player {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      
      #player img {
        height: 50px;
        width: 50px;
      }
      
      #enemy {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      
      #enemy img {
        height: 50px;
        width: 50px;
      }
      
      #scoreboard {
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>R6 Game</h1>
    
    <div id="game">
      <div id="player">
        <img src="player.png" alt="Player">
      </div>
      
      <div id="enemy">
        <img src="enemy.png" alt="Enemy">
      </div>
    </div>
    
    <div id="scoreboard">Score: <span id="score">0</span></div>
    
    <script>
      var player = document.getElementById("player");
      var enemy = document.getElementById("enemy");
      var scoreLabel = document.getElementById("score");
      var score = 0;

var game = document.getElementById("game");
      game.addEventListener("click", function() {
        score++;
        scoreLabel.innerText = score;
      });

function placeEnemy() {
        var gameWidth = game.offsetWidth;
        var enemyWidth = enemy.offsetWidth;
        var maxPosition = gameWidth - enemyWidth;
        var randomPosition = Math.floor(Math.random() * maxPosition);
        enemy.style.left = randomPosition + "px";
      }

placeEnemy();
      moveEnemy();
    </script>
  </body>
</html>