A alien named phill trys to find his phone but it's stolen by phill swift now he must kick rabid credit cards and go to flex tower's game

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

No:20135

←

Prev Next

→

A alien named phill trys to find his phone but it'..ALL
Developer User8969｜Date and time 23/10/8 16:19:01
Build time 30.451 sec｜Game capacity 5.337KB｜

Script

Sure! Here's a game written in HTML and JavaScript that follows the scenario you described:

To play the game, you can copy the above code and save it in a single HTML file, then open the file in a web browser on your smartphone. The game will start, and you can use the left and right arrow keys (or corresponding touchscreen controls, if available) to move the player and avoid the obstacles (rabid credit cards). The player's goal is to reach the "Flex Tower" obstacles to earn points, while avoiding collision with the "Rabid Credit Card" obstacles. The game will end if the player collides with a rabid credit card. The final score will be displayed, and the game can be restarted by reloading the page.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a game written in HTML and JavaScript that follows the scenario you described:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Phill's Adventure</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

#game-area {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f0f0f0;
    }

#player {
      position: absolute;
      bottom: 0;
      margin-left: 200px;
      width: 50px;
      height: 50px;
      background-color: #ff5733;
    }

.obstacle {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #8acff8;
    }

.obstacle.rabid-card {
      background-image: url('https://example.com/rabid_card_image.png'); /* Replace with actual image URL */
      background-size: cover;
    }

.obstacle.flex-tower {
      background-image: url('https://example.com/flex_tower_image.png'); /* Replace with actual image URL */
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game-area">
    <div id="player"></div>
  </div>

// Game Configuration
    const PLAYER_MOVE_STEP = 10;
    const CARD_DELAY = 500;
    const TOWER_DELAY = 2000;

// Initialize the game
    function setup() {
      player = document.getElementById('player');
      cardSpeed = 3;
      towerSpeed = 2;
      score = 0;

// Setup player controls
      document.addEventListener('keydown', handleKeydown);

// Start the game loop
      gameLoop = setInterval(update, 20);

// Spawn obstacles
      setInterval(spawnRabidCard, CARD_DELAY);
      setInterval(spawnFlexTower, TOWER_DELAY);
    }

// Handle player controls
    function handleKeydown(event) {
      if (event.key === 'ArrowLeft') {
        movePlayer('left');
      } else if (event.key === 'ArrowRight') {
        movePlayer('right');
      }
    }

// Move player based on direction
    function movePlayer(direction) {
      const currentPosition = parseInt(player.style.marginLeft) || 200;

if (direction === 'left') {
        player.style.marginLeft = currentPosition - PLAYER_MOVE_STEP + 'px';
      } else if (direction === 'right') {
        player.style.marginLeft = currentPosition + PLAYER_MOVE_STEP + 'px';
      }
    }

// Spawn a rabid credit card obstacle
    function spawnRabidCard() {
      const obstacle = createObstacle('rabid-card');
      document.getElementById('game-area').appendChild(obstacle);
    }

// Spawn a flex tower obstacle
    function spawnFlexTower() {
      const obstacle = createObstacle('flex-tower');
      document.getElementById('game-area').appendChild(obstacle);
    }

// Create an obstacle element
    function createObstacle(className) {
      const obstacle = document.createElement('div');
      obstacle.className = 'obstacle ' + className;
      obstacle.style.left = Math.random() * (window.innerWidth - 50) + 'px';
      obstacle.style.top = '-50px';
      return obstacle;
    }

// Update the game state
    function update() {
      const obstacles = document.getElementsByClassName('obstacle');
      const playerPos = player.getBoundingClientRect();

// Update obstacle positions
      for (let i = 0; i < obstacles.length; i++) {
        const obstacle = obstacles[i];
        const obstaclePos = obstacle.getBoundingClientRect();
        const obstacleType = obstacle.className.includes('rabid-card') ? 'rabid-card' : 'flex-tower';
        let speed;

if (obstacleType === 'rabid-card') {
          speed = cardSpeed;
        } else {
          speed = towerSpeed;
        }

obstacle.style.top = obstaclePos.top + speed + 'px';

// Collision detection
        if (obstaclePos.bottom > playerPos.top && obstaclePos.top < playerPos.bottom &&
            obstaclePos.right > playerPos.left && obstaclePos.left < playerPos.right) {
          handleCollision(obstacleType);
        }

// Remove off-screen obstacles
        if (obstaclePos.top > window.innerHeight) {
          obstacle.parentNode.removeChild(obstacle);
          score++;
        }
      }
    }

// Handle collision with obstacles
    function handleCollision(obstacleType) {
      if (obstacleType === 'rabid-card') {
        gameOver();
      } else if (obstacleType === 'flex-tower') {
        score++;
      }
    }

// End the game
    function gameOver() {
      clearInterval(gameLoop);
      alert('Game Over! Your final score was: ' + score);
      location.reload();
    }

// Start the game
    setup();
  </script>
</body>
</html>
```