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

No:40028

151

←

Prev Next

→

In this game we will have a gun named vishal the g..ALL
Developer User17947｜Date and time 24/1/31 18:43:29
Build time 18.792 sec｜Game capacity 4.892KB｜

Script

Sure, here's a simple game implementation in a single HTML file, using JavaScript and pictograms:

Vishal the Gun - Game

Bullets: 100

Time left: 10:00

To use this game, you will need to replace the placeholder URLs for the hero and monster icons with the actual image URLs you want to use. The game consists of a game container with a gun, a hero, and a monster. By clicking on the game container, you can try to shoot the monster. The bullet count and timer are displayed on the screen. Remember to replace the image URLs in the `background-image` property with your actual hero and monster pictograms.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game implementation in a single HTML file, using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Vishal the Gun - Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #game-container {
            position: relative;
            width: 400px;
            height: 400px;
            margin: 0 auto;
            background-color: #ddd;
        }
        #gun {
            position: absolute;
            width: 30px;
            height: 150px;
            background-color: red;
        }
        #hero {
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url('https://example.com/hero-icon.png'); /* Replace with actual hero icon URL */
            background-size: cover;
        }
        #monster {
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url('https://example.com/monster-icon.png'); /* Replace with actual monster icon URL */
            background-size: cover;
        }
        #bullets {
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>Vishal the Gun - Game</h1>
    <div id="game-container">
        <div id="gun"></div>
        <div id="hero"></div>
        <div id="monster"></div>
    </div>
    <div id="bullets">Bullets: <span id="bullet-count">100</span></div>
    <div id="timer">Time left: <span id="time">10:00</span></div>

let bullets = bulletLimit;
        let timeLeft = gameTime;

// Update bullet count
        function updateBulletCount() {
            bulletCount.innerText = bullets;
        }

// Update timer
        function updateTimer() {
            const minutes = Math.floor(timeLeft / 60);
            const seconds = timeLeft % 60;
            timer.innerText = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
        }

// Move the hero randomly on the game board
        function moveHero() {
            const x = Math.random() * (gameContainer.offsetWidth - hero.offsetWidth);
            const y = Math.random() * (gameContainer.offsetHeight - hero.offsetHeight);
            hero.style.left = `${x}px`;
            hero.style.top = `${y}px`;
        }

// Move the monster randomly on the game board
        function moveMonster() {
            const x = Math.random() * (gameContainer.offsetWidth - monster.offsetWidth);
            const y = Math.random() * (gameContainer.offsetHeight - monster.offsetHeight);
            monster.style.left = `${x}px`;
            monster.style.top = `${y}px`;
        }

// Shoot event handler
        function shoot(event) {
            if (bullets > 0) {
                bullets--;
                updateBulletCount();

const gunX = gun.offsetLeft + gun.offsetWidth / 2;
                const gunY = gun.offsetTop + gun.offsetHeight;

if (event.target === monster) {
                    alert('Congratulations! You killed Nan Ji!');
                    gameContainer.removeEventListener('click', shoot);
                } else {
                    alert('You missed!');
                }
            } else {
                alert('Out of bullets!');
            }
        }

// Start game
        function startGame() {
            moveHero();
            moveMonster();

gameContainer.addEventListener('click', shoot);

setInterval(() => {
                timeLeft--;
                updateTimer();

if (timeLeft <= 0) {
                    alert('Time is up. Game over!');
                    gameContainer.removeEventListener('click', shoot);
                }
            }, 1000);
        }

updateBulletCount();
        updateTimer();
        startGame();
    </script>
</body>
</html>
```

Remember to replace the image URLs in the `background-image` property with your actual hero and monster pictograms.