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

No:34482

139

←

Prev Next

→

Super Chroma Bros
Developer User13970｜Date and time 24/1/10 19:33:42
Build time 13.175 sec｜Game capacity 3.374KB｜

Script

Sure! Here's a simple game called "Super Chroma Bros" implemented as a single HTML file using JavaScript and enclosed in script tags:

Super Chroma Bros

This game is a basic version of a platformer game where you control a player character (represented as a red block) and try to avoid colliding with an enemy character (represented as a blue block). You can use the left and right arrow keys on your smartphone to move the player left or right. Note: Since it is assumed to be a smartphone operation, the controls are handled using the window's keydown event. However, on some mobile browsers, this may not work as expected, and you may need to use touch events instead for accurate control on smartphones. Feel free to modify and enhance the game as per your requirements and add pictograms or additional features to make it more interactive and enjoyable.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple game called "Super Chroma Bros" implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Super Chroma Bros</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>Super Chroma Bros</h1>
    <canvas id="gameCanvas" width="800" height="500"></canvas>
    <script>
        // Game code goes here

// Get the canvas element
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Define player properties
        const player = {
            x: 50,
            y: canvas.height - 80,
            width: 80,
            height: 80,
            color: "red"
        };

// Define enemy properties
        const enemy = {
            x: canvas.width - 130,
            y: canvas.height - 80,
            width: 80,
            height: 80,
            color: "blue"
        };

// Handle player movement
        function movePlayer(event) {
            switch (event.keyCode) {
                case 37:
                    player.x -= 10; // Move left
                    break;
                case 39:
                    player.x += 10; // Move right
                    break;
            }
        }

// Update game state
        function update() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
            context.fillStyle = player.color;
            context.fillRect(player.x, player.y, player.width, player.height);

// Draw the enemy
            context.fillStyle = enemy.color;
            context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Check for collision
            if (
                player.x < enemy.x + enemy.width &&
                player.x + player.width > enemy.x &&
                player.y < enemy.y + enemy.height &&
                player.y + player.height > enemy.y
            ) {
                // Collision occurred
                gameOver();
            }

requestAnimationFrame(update);
        }

// Handle game over
        function gameOver() {
            // Stop game processing or show game over message
            context.fillStyle = "black";
            context.font = "30px Arial";
            context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
        }

// Start game
        window.addEventListener("keydown", movePlayer);
        requestAnimationFrame(update);
    </script>
</body>
</html>
```

Note: Since it is assumed to be a smartphone operation, the controls are handled using the window's keydown event. However, on some mobile browsers, this may not work as expected, and you may need to use touch events instead for accurate control on smartphones.

Feel free to modify and enhance the game as per your requirements and add pictograms or additional features to make it more interactive and enjoyable.