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

No:43209

A game that is about the movie cats and dogs. Plat..ALL
Developer User19141｜Date and time 24/2/14 22:55:12
Build time 10.707 sec｜Game capacity 3.986KB｜

Script

Sure! Here's a simple platformer game about the movie "Cats and Dogs" implemented as a single HTML file using JavaScript:

Cats and Dogs Platformer Game

In this game, you control a character represented by a red square using the arrow keys on your smartphone. The goal is to move the character on the gray platforms without falling off. The player will stop falling when colliding with a platform. The game updates every 20 milliseconds to check for collisions and player movement.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple platformer game about the movie "Cats and Dogs" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cats and Dogs Platformer Game</title>
    <style>
        #game {
            position: relative;
            width: 400px;
            height: 300px;
            border: 1px solid black;
        }
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
            top: 250px;
            left: 175px;
        }
        .platform {
            position: absolute;
            width: 100px;
            height: 20px;
            background-color: gray;
        }
        #platform1 {
            top: 200px;
            left: 100px;
        }
        #platform2 {
            top: 150px;
            left: 250px;
        }
    </style>
</head>
<body>
    <script>
        // Game Variables
        var player;
        var platforms;

// Function to start the game
        function startGame() {
            player = document.getElementById('player');
            platforms = document.getElementsByClassName('platform');
            setInterval(updateGame, 20); // Update the game every 20 milliseconds
        }

// Function to update the game
        function updateGame() {
            var playerRect = player.getBoundingClientRect();
            var playerTop = playerRect.top;
            var playerBottom = playerRect.bottom;
            var playerLeft = playerRect.left;
            var playerRight = playerRect.right;

// Check if the player hits any platform
            for (var i = 0; i < platforms.length; i++) {
                var platformRect = platforms[i].getBoundingClientRect();
                var platformTop = platformRect.top;
                var platformBottom = platformRect.bottom;
                var platformLeft = platformRect.left;
                var platformRight = platformRect.right;

if ( playerBottom >= platformTop && playerTop < platformBottom &&
                    playerRight > platformLeft && playerLeft < platformRight ) {
                    // Player is colliding with platform, stop falling
                    player.style.top = (platformTop - 50) + 'px';
                    break;
                }
            }
        }

// Function to handle player movement
        function movePlayer(event) {
            var x = player.offsetLeft;
            var y = player.offsetTop;

switch(event.keyCode) {
                case 37: // Left arrow key
                    if (x > 0) {
                        player.style.left = (x - 10) + 'px';
                    }
                    break;
                case 39: // Right arrow key
                    if (x < 350) {
                        player.style.left = (x + 10) + 'px';
                    }
                    break;
                case 38: // Up arrow key
                    player.style.top = (y - 10) + 'px';
                    break;
                case 40: // Down arrow key
                    player.style.top = (y + 10) + 'px';
                    break;
            }
        }

// Bind the movePlayer function to keydown event
        document.addEventListener('keydown', movePlayer);

// Start the game when the page loads
        window.onload = startGame;
    </script>

<h1>Cats and Dogs Platformer Game</h1>
    <div id="game">
        <div id="player"></div>
        <div id="platform1" class="platform"></div>
        <div id="platform2" class="platform"></div>
    </div>
</body>
</html>
```