LKW Spiel mit einem Lenkrad als Steuerung. Der LKW muss Pakete ans Ziel bringen's game

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

No:41304

←

Prev Next

→

LKW Spiel mit einem Lenkrad als Steuerung. Der LKW..ALL
Developer User18499｜Date and time 24/2/6 21:55:56
Build time 11.299 sec｜Game capacity 3KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LKW Spiel</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // LKW Spiel implementation

// Canvas and context variables
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Truck variables
        var truckX = canvas.width / 2;
        var truckY = canvas.height - 50;
        var truckSpeed = 4;
        var truckWidth = 50;
        var truckHeight = 50;

// Package variables
        var packageX = Math.random() * (canvas.width - 50);
        var packageY = 0;
        var packageSpeed = 2;
        var packageWidth = 30;
        var packageHeight = 30;

// Game score
        var score = 0;

// Event listener for smartphone tilt
        window.addEventListener("deviceorientation", handleTilt);

// Function to handle truck movement based on smartphone tilt
        function handleTilt(event) {
            var tiltLR = event.gamma; // Get tilt value for left-right movement

if (tiltLR < -2) { // Move truck to the left
                truckX -= truckSpeed;
            } else if (tiltLR > 2) { // Move truck to the right
                truckX += truckSpeed;
            }

// Keep the truck within the canvas boundaries
            if (truckX < 0) {
                truckX = 0;
            } else if (truckX > canvas.width - truckWidth) {
                truckX = canvas.width - truckWidth;
            }
        }

// Function to update game logic
        function updateGame() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the truck
            context.fillStyle = "#0000FF";
            context.fillRect(truckX, truckY, truckWidth, truckHeight);

// Draw the package
            context.fillStyle = "#FF0000";
            context.fillRect(packageX, packageY, packageWidth, packageHeight);

// Update package position
            packageY += packageSpeed;

// Check collision between truck and package
            if (packageY + packageHeight > truckY && packageY < truckY + truckHeight && packageX > truckX && packageX < truckX + truckWidth) {
                // Package reached destination
                score++;
                
                // Reset package position
                packageX = Math.random() * (canvas.width - 50);
                packageY = 0;
            }

// Display score
            context.fillStyle = "#000000";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);

// Continue game loop
            requestAnimationFrame(updateGame);
        }

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