AI game creator

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

No:24661

←

Prev Next

→

Rocket league
Developer User8481｜Date and time 23/11/11 2:42:18
Build time 98.816 sec｜Game capacity 3.906KB｜

Script

Als Programmierer werde ich ein Spiel namens Rocket League erstellen. Es wird als einzelne HTML-Datei implementiert und enthält JavaScript. Hier ist der Code:

Dieses Spiel namens "Rocket League" ist für die Smartphone-Bedienung geeignet und verwendet Piktogramme, um den Ball als roten Kreis und das Auto als rechteckige Figur darzustellen. Ziel des Spiels ist es, den Ball mit dem Auto zu treffen und Punkte zu sammeln, indem man den Ball zurück in die Mitte des Spielfeldes bringt. Das Auto wird durch Tippen auf den Bildschirm gesteuert. Viel Spaß beim Spielen!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Als Programmierer werde ich ein Spiel namens Rocket League erstellen. Es wird als einzelne HTML-Datei implementiert und enthält JavaScript. Hier ist der Code:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rocket League</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Globale Variablen
        var canvas;
        var ctx;
        var ballX, ballY, ballRadius;
        var carX, carY, carWidth, carHeight;
        var carSpeedX, carSpeedY;
        var touchX, touchY;
        var score;

function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            ballX = canvas.width / 2;
            ballY = canvas.height / 2;
            ballRadius = 10;
            carWidth = 80;
            carHeight = 40;
            carX = (canvas.width - carWidth) / 2;
            carY = canvas.height - carHeight - 10;
            carSpeedX = 0;
            carSpeedY = 0;
            score = 0;

document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);
            canvas.addEventListener("touchstart", handleTouchStart);
            canvas.addEventListener("touchend", handleTouchEnd);
            setInterval(updateGame, 10);
        }

function handleKeyDown(e) {
            if (e.key === "ArrowLeft") {
                carSpeedX = -4;
            } else if (e.key === "ArrowRight") {
                carSpeedX = 4;
            }
        }

function handleKeyUp(e) {
            if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
                carSpeedX = 0;
            }
        }

function handleTouchStart(e) {
            touchX = e.touches[0].clientX;
            touchY = e.touches[0].clientY;

if (touchX < canvas.width / 2) {
                carSpeedX = -4;
            } else {
                carSpeedX = 4;
            }
        }

function handleTouchEnd() {
            carSpeedX = 0;
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Ball zeichnen
            ctx.beginPath();
            ctx.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();

// Auto zeichnen
            ctx.fillRect(carX, carY, carWidth, carHeight);

// Score anzeigen
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);

// Ballbewegung
            ballX += carSpeedX;

// Kollision des Balls mit dem Auto überprüfen
            if (
                ballX > carX &&
                ballX < carX + carWidth &&
                ballY > carY &&
                ballY < carY + carHeight
            ) {
                score++;
                resetBallPosition();
            }

// Ball außerhalb des Canvas überprüfen
            if (ballX + ballRadius > canvas.width || ballX - ballRadius < 0) {
                resetBallPosition();
            }

requestAnimationFrame(updateGame);
        }

function resetBallPosition() {
            ballX = canvas.width / 2;
            ballY = ballRadius + 10;
        }

startGame();
    </script>
</body>
</html>
```