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

No:43537

←

Prev Next

→

Tom And Jerry the game
Developer Bowgray｜Date and time 24/2/16 0:32:33
Build time 9.27 sec｜Game capacity 2.719KB｜

Script

Sure! Here's an example of a simple Tom and Jerry game implemented as a single HTML file with JavaScript:

Tom and Jerry Game

In this game, you will see Tom and Jerry pictograms displayed in a game board. The goal is to touch/click on Jerry to increase your score. Every time you touch Jerry, he will move to a random position within the game board. The score will be shown at the top.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple Tom and Jerry game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tom and Jerry Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game-board {
            display: inline-block;
            padding: 10px;
            border: 1px solid #000;
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <h1>Tom and Jerry Game</h1>
    <div id="game-board">
        <img id="tom" src="tom.png" width="100" alt="Tom">
        <img id="jerry" src="jerry.png" width="80" alt="Jerry">
    </div>

// Event listeners for touch operations
        gameBoard.addEventListener('touchstart', function(event) {
            // Get the touch position
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

// Check if touch event happened on Jerry
            if (isTouchOnElement(jerry, touchX, touchY)) {
                // Increase the score
                score++;
                // Move Jerry to a random position
                moveJerry();
            }
        });

// Function to check if a touch event happened on an element
        function isTouchOnElement(element, touchX, touchY) {
            var rect = element.getBoundingClientRect();

return (
                touchX >= rect.left &&
                touchX <= rect.right &&
                touchY >= rect.top &&
                touchY <= rect.bottom
            );
        }

// Function to move Jerry to a random position within the game board
        function moveJerry() {
            var gameBoardRect = gameBoard.getBoundingClientRect();
            var maxPosX = gameBoardRect.width - jerry.width;
            var maxPosY = gameBoardRect.height - jerry.height;

var randomPosX = Math.floor(Math.random() * maxPosX);
            var randomPosY = Math.floor(Math.random() * maxPosY);

jerry.style.left = randomPosX + 'px';
            jerry.style.top = randomPosY + 'px';
        }

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