Spiderman remastered's game

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

No:13060

146

←

Prev Next

→

Spiderman remastered
Developer User5765｜Date and time 23/8/26 18:08:02
Build time 20.801 sec｜Game capacity 3.367KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Spiderman Remastered</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        // Get the canvas element from the HTML
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        // Spiderman Image
        const spidermanImg = new Image();
        spidermanImg.src = "spiderman.png";
        // Add other game images as needed
        
        // Spiderman position and movement
        let spidermanX = canvas.width / 2;
        let spidermanY = canvas.height / 2;
        let spidermanSpeedX = 0;
        let spidermanSpeedY = 0;
        
        // Initialize game
        function init() {
            // Reset Spiderman position
            spidermanX = canvas.width / 2;
            spidermanY = canvas.height / 2;

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

// Start game loop
            gameLoop();
        }

// Game loop function
        function gameLoop() {
            update();
            draw();

// Call the game loop again
            requestAnimationFrame(gameLoop);
        }
        
        // Update game state
        function update() {
            // Update Spiderman position based on speed
            spidermanX += spidermanSpeedX;
            spidermanY += spidermanSpeedY;
            
            // Add logic for game mechanics, collisions, etc.
        }
        
        // Draw game objects on canvas
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw Spiderman
            ctx.drawImage(spidermanImg, spidermanX, spidermanY);
            
            // Add other game object drawing as needed
        }

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

// Calculate initial speed based on touch coordinates
            spidermanSpeedX = (touchX - spidermanX) / 10;
            spidermanSpeedY = (touchY - spidermanY) / 10;
        }

// Handle touch move event
        function handleTouchMove(event) {
            // Get current touch coordinates
            const touch = event.touches[0];
            const touchX = touch.clientX;
            const touchY = touch.clientY;

// Calculate updated speed based on touch coordinates
            spidermanSpeedX = (touchX - spidermanX) / 10;
            spidermanSpeedY = (touchY - spidermanY) / 10;
        }

// Handle touch end event
        function handleTouchEnd() {
            // Reset speed to stop movement
            spidermanSpeedX = 0;
            spidermanSpeedY = 0;
        }

// Start the game
        init();
    </script>
    
    
    <style>
        body {
            margin: 0;
            padding: 0;
        }
    </style>
</body>
</html>