A game that looks at you if you touch the green square if you do it while he watching he will say: why did you touch that? If you move it while he’s looking he says: woah you have super powers? That’s cool!'s game

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

No:15009

←

Prev Next

→

A game that looks at you if you touch the green sq..ALL
Developer User6472｜Date and time 23/9/5 19:26:52
Build time 26.138 sec｜Game capacity 3.242KB｜

Script

Sure! Here's a simple game implemented as a single HTML file with JavaScript. The game features a green square that watches the user's actions. If the user touches the green square while it's watching, a message saying "Why did you touch that?" will be displayed. If the user moves the green square while it's watching, a message saying "Woah, you have super powers? That's cool!" will be displayed.

To play the game, simply open the HTML file in a web browser on your smartphone. You will see a canvas with a green square. Touching the square will trigger the corresponding messages based on the game rules mentioned earlier.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Watch Me Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Initialize game canvas
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Set initial square position and size
        let squareX = canvas.width / 2;
        let squareY = canvas.height / 2;
        const squareSize = 50;
        
        // Flag to check if the square is being touched or moved
        let isTouched = false;
        let isMoved = false;
        
        // Event listener for touch start
        canvas.addEventListener('touchstart', function(event) {
            const touchX = event.touches[0].clientX - canvas.offsetLeft;
            const touchY = event.touches[0].clientY - canvas.offsetTop;
            
            // Check if touch is inside the square
            if (touchX >= squareX && touchX <= squareX + squareSize &&
                touchY >= squareY && touchY <= squareY + squareSize) {
                isTouched = true;
                
                // Display message
                showMessage("Why did you touch that?");
            }
        });
        
        // Event listener for touch move
        canvas.addEventListener('touchmove', function(event) {
            const touchX = event.touches[0].clientX - canvas.offsetLeft;
            const touchY = event.touches[0].clientY - canvas.offsetTop;
            
            if (isTouched) {
                // Move the square to the touch position
                squareX = touchX - squareSize / 2;
                squareY = touchY - squareSize / 2;
                
                // Display message
                showMessage("Woah, you have super powers? That's cool!");
            }
        });
        
        // Event listener for touch end
        canvas.addEventListener('touchend', function(event) {
            isTouched = false;
        });
        
        // Function to display message
        function showMessage(message) {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.fillStyle = "green";
            context.fillRect(squareX, squareY, squareSize, squareSize);
            
            context.font = "20px Arial";
            context.fillStyle = "black";
            context.textAlign = "center";
            context.fillText(message, canvas.width / 2, canvas.height / 2);
        }
        
        // Initial display
        showMessage("Touch the green square!");
    </script>
</body>
</html>
```