Make a game with a girl is running with a gun's game

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

No:26293

←

Prev Next

→

Make a game with a girl is running with a gun
Developer User12990｜Date and time 23/11/28 20:52:51
Build time 98.217 sec｜Game capacity 4.189KB｜

Script

Sure, here's an example of a simple game where a girl is running with a gun:

In this game, the background image, girl image, and bullet image are assumed to be provided separately. You need to replace `emozi_all/game.png`, `emozi_all/girl.png`, and `emozi_hamuster.png` with the correct file paths to your own images. To control the girl's movement, use the left and right arrow keys. Pressing the spacebar or up arrow key will shoot the bullet. The game continuously loops through the `gameLoop` function, updating the positions of the background, bullet, and checking for collisions. Note: This is a basic example to get you started. You can enhance and customize the game as per your requirements by adding more features, levels, or obstacles.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure, here's an example of a simple game where a girl is running with a gun:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Girl Running Game</title>
    <style>
        #girl {
            position: absolute;
            top: 200px;
        }
        
        #bullet {
            position: absolute;
            top: 220px;
        }
        
        #background {
            background-image: url('background.png'); /* replace with your own background image */
            background-size: cover;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div id="background">
        <img id="girl" src="girl.png" width="100" height="100"> 
        <img id="bullet" src="bullet.png" width="40" height="20"> 
    </div>

function moveRight() {
            if (!gameOver) {
                var girlLeftPos = parseInt(girl.style.left) || 0;
                girl.style.left = (girlLeftPos + 5) + "px";
            }
        }

function moveLeft() {
            if (!gameOver) {
                var girlLeftPos = parseInt(girl.style.left) || 0;
                girl.style.left = (girlLeftPos - 5) + "px";
            }
        }

function shootBullet() {
            if (!gameOver) {
                var bulletTopPos = parseInt(bullet.style.top) || 0;
                var bulletLeftPos = parseInt(bullet.style.left) || 0;
                bullet.style.top = (bulletTopPos - 10) + "px";
                bullet.style.left = bulletLeftPos + "px";
            }
        }

function checkCollision() {
            var girlRect = girl.getBoundingClientRect();
            var bulletRect = bullet.getBoundingClientRect();

if (
                girlRect.left < bulletRect.left + bulletRect.width &&
                girlRect.left + girlRect.width > bulletRect.left &&
                girlRect.top < bulletRect.top + bulletRect.height &&
                girlRect.top + girlRect.height > bulletRect.top
            ) {
                gameOver = true;
                alert("Game Over! Your score is: " + score);
            }
        }

function gameLoop() {
            if (!gameOver) {
                moveBackground();
                shootBullet();
                checkCollision();
                requestAnimationFrame(gameLoop);
            }
        }

function moveBackground() {
            bgMovement -= 1;
            document.getElementById("background").style.backgroundPosition = bgMovement + "px 0";
            bulletMovement -= 10;
            bullet.style.left = bulletMovement + "px";
            if (bulletMovement < -200) {
                bullet.style.left = "100%";
                bulletMovement = 0;
                score++;
            }
        }

gameLoop();
    </script>
</body>
</html>
```

In this game, the background image, girl image, and bullet image are assumed to be provided separately. You need to replace `background.png`, `girl.png`, and `bullet.png` with the correct file paths to your own images.

To control the girl's movement, use the left and right arrow keys. Pressing the spacebar or up arrow key will shoot the bullet. The game continuously loops through the `gameLoop` function, updating the positions of the background, bullet, and checking for collisions.

Note: This is a basic example to get you started. You can enhance and customize the game as per your requirements by adding more features, levels, or obstacles.