A Game about a Rock who grows legs and Starys kicking EVERYTHING's game

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

No:23165

←

Prev Next

→

A Game about a Rock who grows legs and Starys kick..ALL
Developer User10698｜Date and time 23/10/28 13:54:23
Build time 54.267 sec｜Game capacity 2.494KB｜

Script

Sure! Here's an example of a simple game where a rock grows legs and starts kicking everything. It uses pictograms and is designed for smartphone operation. The game will start automatically when the HTML document is opened.

In this game, the rock starts with no legs and gradually grows legs over time. When it reaches two legs, it starts kicking everything. The rock and the kicking action are represented using pictogram images. The game loop continuously updates and renders the game state on the canvas. Please note that you need to have the rock and kick pictogram images available in the same folder as the HTML file, and you need to replace `"emozi_all/rock.png"` and `"emozi_apple.png"` with the actual image filenames.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rock Kicker Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// define the rock object
        var rock = {
            x: 50,
            y: 200,
            legs: 0,
            kicking: false
        };

// load pictogram images
        var rockImage = new Image();
        rockImage.src = "rock.png"; // assuming you have a rock pictogram image
        var kickImage = new Image();
        kickImage.src = "kick.png"; // assuming you have a kick pictogram image

// game loop
        function gameLoop() {
            update();
            render();
            requestAnimationFrame(gameLoop);
        }

// update game logic
        function update() {
            if (rock.legs < 2) {
                rock.legs++;
            } else {
                rock.legs = 0;
                rock.kicking = true;
            }
        }

// render game graphics
        function render() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// draw rock with legs
            ctx.drawImage(rockImage, rock.x, rock.y);
            for (var i = 0; i < rock.legs; i++) {
                ctx.drawImage(kickImage, rock.x + 10 * i, rock.y + 40);
            }

// display kicking message
            if (rock.kicking) {
                ctx.font = "20px Arial";
                ctx.fillStyle = "red";
                ctx.fillText("Rock is kicking everything!", 50, 350);
            }
        }

// start the game
        gameLoop();
    </script>
</body>
</html>
```

Please note that you need to have the rock and kick pictogram images available in the same folder as the HTML file, and you need to replace `"rock.png"` and `"kick.png"` with the actual image filenames.