AI game creator

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

No:16540

←

Prev Next

→

Star wars
Developer User7374｜Date and time 23/9/19 12:08:01
Build time 22.269 sec｜Game capacity 2.87KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Star Wars Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize the game canvas
        function initialize() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            canvas.addEventListener('mousemove', updatePlayerPosition);
            setInterval(updateGame, 20);
        }

// Move player when mouse is moved
        function updatePlayerPosition(event) {
            var rect = canvas.getBoundingClientRect();
            playerX = event.clientX - rect.left - (playerSize / 2);
        }

// Update game state and draw objects
        function updateGame() {
            if (!isGameOver) {
                moveEnemy();
                drawGame();
            }
        }

// Move the enemy towards the player
        function moveEnemy() {
            var speed = 4;
            if (enemyY < playerY) {
                enemyY += speed;
            }
        }

// Check for collision between player and enemy
        function checkCollision() {
            var distance = Math.sqrt(Math.pow(playerX - enemyX, 2) + Math.pow(playerY - enemyY, 2));
            if (distance < (playerSize + enemySize) / 2) {
                isGameOver = true;
            }
        }

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

// Draw player
            canvasContext.fillStyle = 'blue';
            canvasContext.fillRect(playerX, playerY, playerSize, playerSize);

// Draw enemy
            canvasContext.fillStyle = 'red';
            canvasContext.fillRect(enemyX, enemyY, enemySize, enemySize);

// Check for collision
            checkCollision();

// Display game over message if game is over
            if (isGameOver) {
                canvasContext.font = '30px Arial';
                canvasContext.fillStyle = 'black';
                canvasContext.fillText('Game Over!', canvas.width / 2.8, canvas.height / 2);
            }
        }

// Start the game
        window.onload = function () {
            initialize();
        };
    </script>
</body>
</html>