AI game creator

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

No:14574

←

Prev Next

→

Noodles
Developer User6287｜Date and time 23/9/3 4:35:44
Build time 28.416 sec｜Game capacity 3.813KB｜

Script

Sure! Here's a simple game called "Noodle Catcher" implemented as a single HTML file using JavaScript. The game is designed for smartphone operation and uses pictograms.

You would need to provide the `emozi_all/noodle.png` image for the game to display pictograms of noodles. Additionally, you need to implement the functions `isTouchLeft()` and `isTouchRight()` to detect touch input on the left and right sides of the screen for smartphone operation. The game is a simple noodle catcher where you control a basket using touch input on the left and right sides of the screen. Noodles fall from the top, and you need to catch them in the basket to earn points. The game gradually speeds up as you catch more noodles.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure! Here's a simple game called "Noodle Catcher" implemented as a single HTML file using JavaScript. The game is designed for smartphone operation and uses pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Noodle Catcher</title>
    <style>
        canvas {
            border: black solid 1px;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        function startGame() {
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

var noodle = new Image();
            noodle.src = "noodle.png";

var score = 0;
            var gameSpeed = 2;

var basket = {
                x: canvas.width / 2,
                y: canvas.height - 50,
                width: 50,
                height: 50,
                dx: 5
            };

var noodles = [];

function updateGameArea() {
                context.clearRect(0, 0, canvas.width, canvas.height);

// Move the basket
                if (isTouchLeft() && basket.x > 0) {
                    basket.x -= basket.dx;
                }
                if (isTouchRight() && basket.x + basket.width < canvas.width) {
                    basket.x += basket.dx;
                }

// Create noodles
                if (Math.random() < 0.05) {
                    var newNoodle = {
                        x: Math.random() * (canvas.width - 50),
                        y: -50,
                        width: 50,
                        height: 50,
                        dy: gameSpeed
                    };
                    noodles.push(newNoodle);
                }

// Move and draw noodles
                noodles.forEach(function (noodle) {
                    noodle.y += noodle.dy;
                    context.drawImage(noodle, noodle.x, noodle.y, noodle.width, noodle.height);

// Check collision with the basket
                    if (noodle.y + noodle.height > basket.y && noodle.x + noodle.width > basket.x && noodle.x < basket.x + basket.width) {
                        noodles.splice(noodles.indexOf(noodle), 1);
                        score++;
                    }
                });

context.font = "16px Arial";
                context.fillStyle = "black";
                context.fillText("Score: " + score, 10, 20);

gameSpeed += 0.001;

requestAnimationFrame(updateGameArea);
            }

function isTouchLeft() {
                // Implement touch left detection for smartphone
                return false;
            }

function isTouchRight() {
                // Implement touch right detection for smartphone
                return false;
            }

function preloadImages() {
                // Preload images to improve performance
                var images = ["noodle.png"];
                images.forEach(function (src) {
                    var img = new Image();
                    img.src = src;
                });
            }

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

You would need to provide the `noodle.png` image for the game to display pictograms of noodles. Additionally, you need to implement the functions `isTouchLeft()` and `isTouchRight()` to detect touch input on the left and right sides of the screen for smartphone operation.

The game is a simple noodle catcher where you control a basket using touch input on the left and right sides of the screen. Noodles fall from the top, and you need to catch them in the basket to earn points. The game gradually speeds up as you catch more noodles.