AI game creator

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

No:49821

←

Prev Next

→

Random
Developer User18896｜Date and time 24/3/6 12:15:04
Build time 5.855 sec｜Game capacity 1.766KB｜

Script

This is a basic game where you can control a pictogram with arrow keys on your smartphone. The pictogram can move in different directions on the canvas. You can expand this game further by adding more features and levels. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        const pictogram = {
            x: 200,
            y: 200,
            size: 50,
            speed: 5
        };
        
        function drawPictogram() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(pictogram.x, pictogram.y, pictogram.size, pictogram.size);
        }
        
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }
        
        function update() {
            clearCanvas();
            drawPictogram();
        }
        
        function movePictogram(event) {
            switch(event.keyCode) {
                case 37: // left arrow
                    pictogram.x -= pictogram.speed;
                    break;
                case 39: // right arrow
                    pictogram.x += pictogram.speed;
                    break;
                case 38: // up arrow
                    pictogram.y -= pictogram.speed;
                    break;
                case 40: // down arrow
                    pictogram.y += pictogram.speed;
                    break;
            }
            update();
        }
        
        document.addEventListener('keydown', movePictogram);
        
        update();
    </script>
</body>
</html>
```
This is a basic game where you can control a pictogram with arrow keys on your smartphone. The pictogram can move in different directions on the canvas. You can expand this game further by adding more features and levels. Enjoy playing!