AI game creator

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

No:22512

←

Prev Next

→

Portal gun 3
Developer User10391｜Date and time 23/10/23 0:43:50
Build time 26.281 sec｜Game capacity 1.916KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Portal Gun 3</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Creating the game canvas and context
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Variables to store the position of the portal gun
        var gunX = 100;
        var gunY = 100;

// Function to draw the game objects
        function drawGame() {
            // Clearing the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Drawing the portal gun using pictograms or images
            context.fillStyle = "blue";
            context.fillRect(gunX, gunY, 40, 40); // Assuming the portal gun is a square

// Drawing other game elements like obstacles, enemies, etc.

// Requesting the next frame to continue the game loop
            requestAnimationFrame(drawGame);
        }

// Function to handle touch events on mobile devices
        function handleTouch(event) {
            // Getting the touch position relative to the canvas
            var touchX = event.touches[0].clientX - canvas.offsetLeft;
            var touchY = event.touches[0].clientY - canvas.offsetTop;

// Updating the position of the portal gun
            gunX = touchX - 20; // Centering the gun horizontally
            gunY = touchY - 20; // Centering the gun vertically
        }

// Starting the game processing
        function startGame() {
            // Adding touch event listener to the canvas
            canvas.addEventListener("touchmove", handleTouch, false);

// Calling the drawGame function to start the game loop
            drawGame();
        }

// Starting the game when the page finishes loading
        window.onload = startGame;
    </script>
</body>
</html>