A stick man that races a robot you haft to click the phone to make the robot win's game | AI game creator

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

No:49549

125

A stick man that races a robot you haft to click t..ALL
Developer User21078｜Date and time 24/3/5 12:01:11
Build time 7.742 sec｜Game capacity 1.065KB｜

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

<script>
  const stickMan = document.getElementById('stickMan');
  const robot = document.getElementById('robot');
  const phone = document.getElementById('phone');
  
  phone.addEventListener('click', function() {
    moveRobot();
  });
  
  function moveRobot() {
    robot.style.left = (parseInt(robot.style.left) + 10) + 'px';
    
    if (parseInt(robot.style.left) >= window.innerWidth - 100) {
      alert('Robot wins!');
    }
  }
</script>

<style>
  #gameArea {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #f0f0f0;
  }
  
  #stickMan, #robot {
    position: absolute;
    top: 50px;
    left: 0;
    width: 50px;
    height: 50px;
  }
  
  #stickMan {
    background-color: blue;
  }
  
  #robot {
    background-color: red;
  }
  
  #phone {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background-image: url('phone-icon.png');
    cursor: pointer;
  }
</style>

<div id="gameArea">
  <div id="stickMan"></div>
  <div id="robot"></div>
</div>

<div id="phone"></div>