AI Chatbot's game | AI game creator

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

No:50050

86

AI Chatbot
Developer User21218｜Date and time 24/3/7 14:36:29
Build time 5.636 sec｜Game capacity 1.56KB｜

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

<script>
  // Define variables for game elements
  let player = document.getElementById("player");
  let target = document.getElementById("target");
  
  // Set player position when game starts
  let playerPos = { x: 0, y: 0 };
  player.style.left = playerPos.x + "px";
  player.style.top = playerPos.y + "px";
  
  // Move player based on touch input
  document.addEventListener("touchstart", function(event) {
    let touchX = event.touches[0].clientX;
    let touchY = event.touches[0].clientY;
    
    // Update player position
    playerPos.x = touchX - player.offsetWidth / 2;
    playerPos.y = touchY - player.offsetHeight / 2;
    
    // Update player element
    player.style.left = playerPos.x + "px";
    player.style.top = playerPos.y + "px";
    
    // Check if player has reached target
    checkWinCondition();
  });
  
  // Function to check if player has reached target
  function checkWinCondition() {
    let playerRect = player.getBoundingClientRect();
    let targetRect = target.getBoundingClientRect();
    
    if (
      playerRect.left < targetRect.right &&
      playerRect.right > targetRect.left &&
      playerRect.top < targetRect.bottom &&
      playerRect.bottom > targetRect.top
    ) {
      alert("You win!");
    }
  }
</script>

<style>
  #player {
    width: 50px;
    height: 50px;
    background: red;
    position: absolute;
  }
  
  #target {
    width: 50px;
    height: 50px;
    background: blue;
    position: absolute;
    right: 0;
    bottom: 0;
  }
</style>

<div id="player"></div>
<div id="target"></div>