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

No:41190

←

Prev Next

→

Find the video
Developer User18485｜Date and time 24/2/6 13:01:47
Build time 13.495 sec｜Game capacity 4.396KB｜

Script

As an AI text-based model, I can provide you with a sample code for a simple game implemented in a single HTML file using JavaScript. However, note that I cannot embed videos or pictograms directly, but you could incorporate them into the game using HTML/CSS.

Pictogram Game

This code sets up a simple game where the player controls a blue rectangle at the bottom of the canvas using touch controls. The goal is to avoid the growing black rectangles falling from the top. The score increases when the player passes through the falling rectangles without collisions. If a collision occurs, the game ends, and the final score is displayed on the screen. You can copy and paste this code into a single HTML file to run it on a smartphone or any browser. Feel free to enhance or modify the game further according to your preferences and design needs.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            isGameOver = false;
            score = 0;
            playerX = canvas.width / 2;
            pictogramSpeed = 3;

// Register event listeners for touch controls
            canvas.addEventListener("touchstart", touchStartHandler);
            canvas.addEventListener("touchmove", touchMoveHandler);

// Start game loop
            update();
        }

function update() {
            if (isGameOver) return;

clearCanvas();
            movePictogram();
            drawPlayer();
            drawScore();

if (checkCollision()) {
                gameOver();
                return;
            }

requestAnimationFrame(update);
        }

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

function movePictogram() {
            pictogramSpeed += 0.001; // Increase speed over time
            pictogramSize += 0.01; // Increase pictogram size over time

if (pictogramSize >= playerSize) {
                score++;
                pictogramSize = 0;
            }

ctx.fillStyle = "black";
            ctx.fillRect(playerX, canvas.height - pictogramSize, playerSize, pictogramSize);
            ctx.fillStyle = "gray";
            ctx.fillRect(playerX, 0, playerSize, canvas.height - pictogramSize);
        }

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, canvas.height - playerSize, playerSize, playerSize);
        }

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

function checkCollision() {
            if (pictogramSize >= playerSize && playerX >= canvas.width - playerSize) {
                return true;
            }
            return false;
        }

function gameOver() {
            isGameOver = true;
            canvas.removeEventListener("touchstart", touchStartHandler);
            canvas.removeEventListener("touchmove", touchMoveHandler);

ctx.fillStyle = "red";
            ctx.font = "40px Arial";
            ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Your Score: " + score, canvas.width / 2 - 70, canvas.height / 2 + 40);
        }

function touchStartHandler(event) {
            event.preventDefault();
            var touchX = event.touches[0].clientX;
            playerX = touchX - playerSize / 2;
        }

function touchMoveHandler(event) {
            event.preventDefault();
            var touchX = event.touches[0].clientX;
            playerX = touchX - playerSize / 2;
        }

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

You can copy and paste this code into a single HTML file to run it on a smartphone or any browser. Feel free to enhance or modify the game further according to your preferences and design needs.