Haz un juego donde un su llamado Joe deba enfrentarse a miles de personas 3D y que el juego se titule 2D vs 3D's game

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

No:34925

191

←

Prev Next

→

Haz un juego donde un su llamado Joe deba enfrenta..ALL
Developer User3408｜Date and time 24/1/12 17:44:54
Build time 11.369 sec｜Game capacity 3.018KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

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

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

// Create Joe
            joe = {
                x: canvas.width / 2,
                y: canvas.height / 2,
                width: 50,
                height: 50,
                color: "blue"
            };

// Create enemies
            enemies = [];
            for (var i = 0; i < 1000; i++) {
                var enemy = {
                    x: Math.random() * canvas.width,
                    y: Math.random() * canvas.height,
                    width: 30,
                    height: 30,
                    color: "red"
                };
                enemies.push(enemy);
            }

gameOver = false;

// Start game loop
            gameLoop();
        }

// Main game loop
        function gameLoop() {
            update();
            draw();

if (!gameOver) {
                requestAnimationFrame(gameLoop);
            }
        }

// Update game state
        function update() {
            // Move Joe based on touch/click input
            canvas.addEventListener("mousedown", function(event) {
                var rect = canvas.getBoundingClientRect();
                joe.x = event.clientX - rect.left - joe.width / 2;
                joe.y = event.clientY - rect.top - joe.height / 2;
            });

// Check collision between Joe and each enemy
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];

if (
                    joe.x < enemy.x + enemy.width &&
                    joe.x + joe.width > enemy.x &&
                    joe.y < enemy.y + enemy.height &&
                    joe.y + joe.height > enemy.y
                ) {
                    // Game over if collision occurs
                    gameOver = true;
                    return;
                }
            }
        }

// Render game objects
        function draw() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Joe
            context.fillStyle = joe.color;
            context.fillRect(joe.x, joe.y, joe.width, joe.height);

// Draw enemies
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                context.fillStyle = enemy.color;
                context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
            }
        }

// Start the game
        window.onload = init;

</script>
</body>
</html>