AI game creator

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

No:13655

←

Prev Next

→

Jumping thé jones
Developer Paulomxn1 tv｜Date and time 23/8/29 7:54:49
Build time 15.314 sec｜Game capacity 4.017KB｜

Script

To play the game: 1. Copy the above code into a new HTML file (e.g., `game.html`). 2. Open the HTML file in a web browser. 3. Interact with the game on your smartphone by tapping and swiping on the screen. 4. The game involves controlling the Jones character. Tapping on Jones makes him jump, and swiping horizontally moves Jones left or right. The goal is to avoid obstacles and stay on the screen. 5. Enjoy playing "Jumping The Jones"!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jumping The Jones - Game</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Game variables
        var canvas;
        var canvasContext;
        var jonesX;
        var jonesY;
        var jonesRadius;
        var jonesSpeedX;
        var jonesSpeedY;
        var isJumping;

// Initialize the game
        function initializeGame() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            
            // Set initial position and properties of Jones
            jonesX = canvas.width / 2;
            jonesY = canvas.height / 2;
            jonesRadius = 25;
            jonesSpeedX = 0;
            jonesSpeedY = 0;
            isJumping = false;

// Add event listeners for touch controls
            canvas.addEventListener("touchstart", handleTouchStart, false);
            canvas.addEventListener("touchmove", handleTouchMove, false);
            canvas.addEventListener("touchend", handleTouchEnd, false);

// Start game loop
            setInterval(updateGame, 20);
        }

// Update game logic
        function updateGame() {
            moveJones();
            drawGame();
        }

// Move the Jones character
        function moveJones() {
            jonesX += jonesSpeedX;
            jonesY += jonesSpeedY;

// Apply gravity when Jones is jumping
            if (isJumping) {
                jonesSpeedY += 0.5;
            }

// Detect collision with the ground (bottom of the screen)
            if (jonesY + jonesRadius >= canvas.height) {
                jonesY = canvas.height - jonesRadius;
                jonesSpeedY = 0;
                isJumping = false;
            }
        }

// Draw game objects on canvas
        function drawGame() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw Jones character
            canvasContext.beginPath();
            canvasContext.arc(jonesX, jonesY, jonesRadius, 0, Math.PI * 2, false);
            canvasContext.fillStyle = "#FF0000";
            canvasContext.fill();
            canvasContext.closePath();
        }

// Handle touch start event
        function handleTouchStart(event) {
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

// Check if touch is within Jones character
            if (Math.pow(touchX - jonesX, 2) + Math.pow(touchY - jonesY, 2) < Math.pow(jonesRadius, 2)) {
                isJumping = true;
                jonesSpeedY = -10;
            }
        }

// Handle touch move event
        function handleTouchMove(event) {
            // Prevent scrolling on touch move
            event.preventDefault();

var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

// Move Jones character based on touch horizontal movement
            jonesSpeedX = (touchX - jonesX) / 10;
        }

// Handle touch end event
        function handleTouchEnd(event) {
            // Stop Jones character movement when touch ends
            jonesSpeedX = 0;
        }

// Start the game when the document finishes loading
        document.addEventListener("DOMContentLoaded", initializeGame);
    </script>
</body>
</html>
```

To play the game:
1. Copy the above code into a new HTML file (e.g., `game.html`).
2. Open the HTML file in a web browser.
3. Interact with the game on your smartphone by tapping and swiping on the screen.
4. The game involves controlling the Jones character. Tapping on Jones makes him jump, and swiping horizontally moves Jones left or right. The goal is to avoid obstacles and stay on the screen.
5. Enjoy playing "Jumping The Jones"!