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

No:22338

My game is called rpg gang Where these gangsters c..ALL
Developer User10333｜Date and time 23/10/22 8:49:39
Build time 51.541 sec｜Game capacity 3.802KB｜

Script

Sure! Here's a simple implementation of the "RPG Gang" game using JavaScript in a single HTML file. The game uses pictograms and allows you to shoot the gangsters to stop them from making fun of you. When you run out of bullets, the game ends with a "Game Over" screen.

RPG Gang

To use this code, save it in a .html file, and also save "emozi_rabbit.png" and "emozi_apple.png" images in the same directory as the HTML file. You can use any suitable images for the gangster and phone icons. Please note that this is a basic implementation to demonstrate the main game mechanics. You can customize and enhance it further based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>RPG Gang</h1>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Load gangster and phone images
        const gangsterImg = new Image();
        gangsterImg.src = "gangster.png";
        const phoneImg = new Image();
        phoneImg.src = "phone.png";

// Listen for mouse clicks on canvas
        canvas.addEventListener("click", shootGangster);

// Main game loop
        function gameLoop() {
            if (!isGameOver) {
                clearCanvas();
                drawGangster();
                drawPhone();
                drawBullets();
                requestAnimationFrame(gameLoop);
            } else {
                drawGameOverScreen();
            }
        }

// Clear canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Draw gangster
        function drawGangster() {
            ctx.drawImage(gangsterImg, gangsterX, gangsterY, 64, 64);
        }

// Draw phone
        function drawPhone() {
            ctx.drawImage(phoneImg, canvas.width - 100, canvas.height - 100, 64, 64);
        }

// Draw bullets count
        function drawBullets() {
            ctx.font = "20px Arial";
            ctx.fillStyle = "white";
            ctx.fillText(`Bullets: ${bullets}`, 30, 30);
        }

// Shoot gangster when clicking on canvas
        function shootGangster(event) {
            if (bullets > 0) {
                const rect = canvas.getBoundingClientRect();
                const clickX = event.clientX - rect.left;
                const clickY = event.clientY - rect.top;

if (clickX >= gangsterX && clickX <= gangsterX + 64 &&
                    clickY >= gangsterY && clickY <= gangsterY + 64) {
                    bullets--;
                    gangsterX = Math.random() * (canvas.width - 64);
                    gangsterY = Math.random() * (canvas.height - 64);
                    setTimeout(() => {
                        gangsterX = canvas.width / 2;
                        gangsterY = canvas.height / 2;
                    }, 3000);
                }
            }

if (bullets === 0) {
                isGameOver = true;
            }
        }

// Draw game over screen
        function drawGameOverScreen() {
            clearCanvas();
            ctx.font = "30px Arial";
            ctx.fillStyle = "red";
            ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
        }

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

To use this code, save it in a .html file, and also save "gangster.png" and "phone.png" images in the same directory as the HTML file. You can use any suitable images for the gangster and phone icons.

Please note that this is a basic implementation to demonstrate the main game mechanics. You can customize and enhance it further based on your requirements.