Mario wonder with wonder flower that you touch to get the screen very shiny and crazy's game | AI game creator

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

No:43313

28

Mario wonder with wonder flower that you touch to ..ALL
Developer User19162｜Date and time 24/2/15 6:17:28
Build time 12.382 sec｜Game capacity 4.184KB｜

Sure, here's an example of a simple game where you can control Mario using touch input on a smartphone. The objective is to collect as many wonder flowers as possible to make the screen shiny and crazy:

To play the game, you can open this code in any web browser and control Mario by touching and dragging your finger on the screen. The objective is to collect the yellow wonder flowers by moving Mario towards them. Each collected flower increases your score and changes the background color randomly, making the screen shiny and crazy.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure, here's an example of a simple game where you can control Mario using touch input on a smartphone. The objective is to collect as many wonder flowers as possible to make the screen shiny and crazy:

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

<script>
        // Get the canvas element
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        
        // Mario object
        const mario = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            size: 30,
            speed: 5
        };
        
        // Wonder flowers
        const wonderFlowers = [
            { x: 50, y: 50 },
            { x: 200, y: 150 },
            { x: 350, y: 300 },
            // Add more flower positions here
        ];
        
        // Track collected flowers
        let score = 0;
        
        // Draw Mario function
        function drawMario() {
            context.fillStyle = "red";
            context.fillRect(mario.x, mario.y, mario.size, mario.size);
        }
        
        // Draw Wonder flowers function
        function drawWonderFlowers() {
            context.fillStyle = "yellow";
            wonderFlowers.forEach(flower => {
                context.fillRect(flower.x, flower.y, mario.size, mario.size);
            });
        }
        
        // Check collision with flowers
        function checkCollision() {
            wonderFlowers.forEach((flower, index) => {
                if (
                    mario.x < flower.x + mario.size && mario.x + mario.size > flower.x &&
                    mario.y < flower.y + mario.size && mario.y + mario.size > flower.y
                ) {
                    // Remove the collected flower
                    wonderFlowers.splice(index, 1);
                    
                    // Increase the score
                    score++;
                    
                    // Update the screen style
                    document.body.style.backgroundColor = "rgb(" + getRandomColor() + "," + getRandomColor() + "," + getRandomColor() + ")";
                }
            });
        }
        
        // Generate random color value
        function getRandomColor() {
            return Math.floor(Math.random() * 256);
        }
        
        // Update game function
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            drawMario();
            drawWonderFlowers();
            checkCollision();
            
            // Show the score on the screen
            context.font = "20px Arial";
            context.fillStyle = "white";
            context.fillText("Score: " + score, 10, 30);
        }
        
        // Handle touch input
        function touchHandler(event) {
            const rect = canvas.getBoundingClientRect();
            const touchX = event.changedTouches[0].clientX - rect.left;
            const touchY = event.changedTouches[0].clientY - rect.top;
            
            // Move Mario towards the touch position
            if (touchX < mario.x) {
                mario.x -= mario.speed;
            } else if (touchX > mario.x) {
                mario.x += mario.speed;
            }
            
            if (touchY < mario.y) {
                mario.y -= mario.speed;
            } else if (touchY > mario.y) {
                mario.y += mario.speed;
            }
        }
        
        // Add touch event listeners
        canvas.addEventListener("touchstart", touchHandler, false);
        canvas.addEventListener("touchmove", touchHandler, false);
        
        // Start game loop
        setInterval(update, 1000 / 60);
    </script>
</body>
</html>
```

To play the game, you can open this code in any web browser and control Mario by touching and dragging your finger on the screen. The objective is to collect the yellow wonder flowers by moving Mario towards them. Each collected flower increases your score and changes the background color randomly, making the screen shiny and crazy.