AI game creator

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

No:20994

118

←

Prev Next

→

SpongeBob
Developer User9266｜Date and time 23/10/12 15:10:06
Build time 72.232 sec｜Game capacity 3.182KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is designed for smartphone operation and uses pictograms from SpongeBob SquarePants.

To play the game, you can save the code into an HTML file (e.g., `spongebob_game.html`) and open it in a web browser on your smartphone. The game canvas will display SpongeBob SquarePants pictogram, and your goal is to click on SpongeBob to increase your score. The player position will change randomly each time you click on SpongeBob. Your score will be displayed in the top left corner of the canvas. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>SpongeBob Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

playerSize = 50;
            playerX = canvas.width / 2 - playerSize / 2;
            playerY = canvas.height / 2 - playerSize / 2;

score = 0;

canvas.addEventListener("click", handleInput);

setInterval(update, 1000 / 60); // 60 FPS
        }

// Game update loop
        function update() {
            clearCanvas();
            drawPlayer();
            drawScore();
        }

// Clear the canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Draw the player
        function drawPlayer() {
            // Replace the image path with actual SpongeBob pictogram image
            let spongebobImage = new Image();
            spongebobImage.src = "spongebob.png";

ctx.drawImage(spongebobImage, playerX, playerY, playerSize, playerSize);
        }

// Draw the score
        function drawScore() {
            ctx.fillStyle = "black";
            ctx.font = "24px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Handle player input (click)
        function handleInput(event) {
            let rect = canvas.getBoundingClientRect();
            let clickX = event.clientX - rect.left;
            let clickY = event.clientY - rect.top;

// Check if the click is within the player's bounds
            if (clickX >= playerX && clickX <= playerX + playerSize && clickY >= playerY && clickY <= playerY + playerSize) {
                increaseScore();
                movePlayerRandom();
            }
        }

// Increase the score
        function increaseScore() {
            score++;
        }

// Move the player to a random position
        function movePlayerRandom() {
            playerX = Math.random() * (canvas.width - playerSize);
            playerY = Math.random() * (canvas.height - playerSize);
        }

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