GDPS Editor 2.2 Subzero's game

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

No:16301

←

Prev Next

→

GDPS Editor 2.2 Subzero
Developer User7189｜Date and time 23/9/17 2:38:36
Build time 25.477 sec｜Game capacity 3.552KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game Pintar</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

var score = 0;
        var isGameOver = false;

// Load images
        var pictogramImage = new Image();
        pictogramImage.src = "pictograms.png";

// Pictogram positions
        var pictogram1 = { x: 50, y: 50, width: 60, height: 60 };
        var pictogram2 = { x: 150, y: 150, width: 60, height: 60 };
        var pictogram3 = { x: 250, y: 250, width: 60, height: 60 };

// Player position
        var player = { x: canvas.width / 2, y: canvas.height - 30, width: 60, height: 60 };

// Keyboard controls
        var leftPressed = false;
        var rightPressed = false;

// Event listeners for key presses
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = true;
            } else if (event.key === "ArrowRight") {
                rightPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = false;
            } else if (event.key === "ArrowRight") {
                rightPressed = false;
            }
        }

// Collision detection between pictogram and player
        function collisionDetection(pictogram) {
            if (player.x < pictogram.x + pictogram.width &&
                player.x + player.width > pictogram.x &&
                player.y < pictogram.y + pictogram.height &&
                player.y + player.height > pictogram.y) {
                return true;
            }
            return false;
        }

// Game loop
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw pictograms
            context.drawImage(pictogramImage, pictogram1.x, pictogram1.y, pictogram1.width, pictogram1.height);
            context.drawImage(pictogramImage, pictogram2.x, pictogram2.y, pictogram2.width, pictogram2.height);
            context.drawImage(pictogramImage, pictogram3.x, pictogram3.y, pictogram3.width, pictogram3.height);

// Draw the player
            context.drawImage(pictogramImage, player.x, player.y, player.width, player.height);

// Collision detection
            if (collisionDetection(pictogram1) || collisionDetection(pictogram2) || collisionDetection(pictogram3)) {
                isGameOver = true;
            }

// Game over condition
            if (isGameOver) {
                clearInterval(gameInterval);
                alert("Game Over. Your score: " + score);
                location.reload();
            }

// Move player
            if (leftPressed && player.x > 0) {
                player.x -= 7;
            } else if (rightPressed && player.x < canvas.width - player.width) {
                player.x += 7;
            }

// Update score
            score++;

// Display score
            context.font = "16px Arial";
            context.fillStyle = "#000";
            context.fillText("Score: " + score, 8, 20);
        }

// Start the game
        var gameInterval = setInterval(draw, 10);
    </script>
</body>
</html>