A subway-surfer type game but the theme is Hello Kitty's game

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

No:22671

←

Prev Next

→

A subway-surfer type game but the theme is Hello K..ALL
Developer User10450｜Date and time 23/10/24 0:54:01
Build time 74.781 sec｜Game capacity 3.798KB｜

Script

Sure! Here's an example of a simple Hello Kitty-themed subway surfer game implemented as a single HTML file using JavaScript and enclosed in script tags. Note that this implementation is not a full-fledged game but just a basic framework to get you started. You can build upon this code to add more features and enhancements.

To play the game, save the above code into an HTML file (e.g., `hello-kitty-subway-surfer.html`) and open it in a web browser. The game canvas will appear, and you can control Hello Kitty by tapping or pressing the spacebar to make her jump. The objective is to avoid the randomly generated blue obstacles and survive as long as possible without colliding with them. The score will increase over time, and the game will end if a collision occurs, displaying the final score in an alert window.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Hello Kitty Subway Surfer</title>
    <style>
        /* Styles for the game canvas */
        #gameCanvas {
            border: 1px solid #000;
            width: 400px;
            height: 400px;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Player object
        var Player = function() {
            this.x = 50;
            this.y = 200;
            this.width = 50;
            this.height = 50;

this.draw = function() {
                // Draw the player as Hello Kitty pictogram
                ctx.fillStyle = 'pink';
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }
        };

// Obstacle object
        var Obstacle = function() {
            this.x = canvas.width;
            this.y = Math.floor(Math.random() * (canvas.height - 100));
            this.width = 50;
            this.height = 50;

this.draw = function() {
                // Draw the obstacle as Hello Kitty pictogram
                ctx.fillStyle = 'blue';
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }

this.update = function() {
                this.x -= 5; // Update obstacle position
            }
        };

// Game initialization function
        function initialize() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');

player = new Player();
            obstacle = new Obstacle();

gameInterval = setInterval(update, 20);

// Handle user input for jumping
            document.addEventListener('keydown', jump);
            document.addEventListener('touchstart', jump);
        }

// Game update function
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

player.draw();
            obstacle.draw();
            obstacle.update();

// Collision detection
            if (player.x < obstacle.x + obstacle.width &&
                player.x + player.width > obstacle.x &&
                player.y < obstacle.y + obstacle.height &&
                player.y + player.height > obstacle.y) {
                gameOver();
            }

// Update score
            score++;
            ctx.fillStyle = 'black';
            ctx.font = '18px Arial';
            ctx.fillText('Score: ' + score, 10, 20);
        }

// Handle player jumping
        function jump() {
            player.y -= 50;
        }

// Game over function
        function gameOver() {
            clearInterval(gameInterval);
            alert('Game Over!\nYour score: ' + score);
        }

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