Ponto que anda e se multiplica quando toca no verde's game

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

No:36160

←

Prev Next

→

Ponto que anda e se multiplica quando toca no verd..ALL
Developer User16419｜Date and time 24/1/17 1:07:03
Build time 10.938 sec｜Game capacity 2.621KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Ponto que Anda e se Multiplica</title>
    <style>
        #canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Initializing game variables
        let canvas, ctx;
        let pointX, pointY;
        let pointSize;
        let greenX, greenY;
        let score;

// Initializing game state
        function init() {
            canvas = document.getElementById("canvas");
            ctx = canvas.getContext("2d");
            
            pointSize = 20;
            pointX = Math.floor(Math.random() * (canvas.width - pointSize));
            pointY = Math.floor(Math.random() * (canvas.height - pointSize));

greenX = Math.floor(Math.random() * (canvas.width - pointSize));
            greenY = Math.floor(Math.random() * (canvas.height - pointSize));
            
            score = 0;

// Starting game loop
            setInterval(update, 100);
        }

// Game update logic
        function update() {
            // Clearing canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height); 
            
            // Drawing point pictogram
            ctx.font = `${pointSize}px Arial`;
            ctx.fillText(pointPictogram, pointX, pointY);
            
            // Drawing green pictogram
            ctx.fillText(greenPictogram, greenX, greenY);

// Checking if the point touched the green pictogram
            if (pointX <= greenX + pointSize &&
                pointX + pointSize >= greenX &&
                pointY <= greenY + pointSize &&
                pointY + pointSize >= greenY) {
                score++;
                greenX = Math.floor(Math.random() * (canvas.width - pointSize));
                greenY = Math.floor(Math.random() * (canvas.height - pointSize));
            }
        }

// Handling touch events on mobile devices
        function onTouch(event) {
            if (event.touches.length == 1) {
                let touchX = event.touches[0].clientX;
                let touchY = event.touches[0].clientY;
                pointX = touchX - canvas.offsetLeft;
                pointY = touchY - canvas.offsetTop;
            }
        }

// Adding touch event listener to canvas
        canvas.addEventListener("touchmove", onTouch, false);

// Starting the game
        init();
    </script>
</body>
</html>