A game about you k○lling bad guys and collecting money to upgrade.'s game

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

No:21925

←

Prev Next

→

A game about you k○lling bad guys and collecting m..ALL
Developer User10116｜Date and time 23/10/19 9:27:06
Build time 72.789 sec｜Game capacity 4.249KB｜

Script

Sure, here's a game called "Bad Guy Assassin" implemented as a single HTML file using JavaScript. The game allows you to play as a character who kills bad guys and collects money to upgrade abilities. It's designed for smartphone operation and uses pictograms. Please note that this is a simplified example, and a full-fledged game would require more extensive code.

In this game, you control a character who appears as a red rectangle on the canvas. You can move the character left or right by touching the left or right half of the screen, respectively. The goal is to collide with the black rectangles (representing bad guys), which will make them disappear and earn you money. The amount of money collected is displayed at the top left corner of the canvas. You can use this money to upgrade your character's abilities.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bad Guy Assassin</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
        }

canvas {
            display: block;
            margin: 0 auto;
            background-color: #fff;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

// Character
        const character = {
            x: 150,
            y: 400,
            width: 40,
            height: 60,
            speed: 5,
            money: 0
        };

// Bad guys
        let badGuys = [];

// Game loop
        function gameLoop() {
            update();
            render();
            requestAnimationFrame(gameLoop);
        }

function update() {
            character.x += character.speed;

// Collision detection with bad guys
            badGuys.forEach((badGuy, index) => {
                if (isColliding(character, badGuy)) {
                    badGuys.splice(index, 1); // Remove bad guy
                    character.money += 10; // Collect money
                }
            });
        }

function render() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw character
            ctx.fillStyle = '#ff0000';
            ctx.fillRect(character.x, character.y, character.width, character.height);

// Draw bad guys
            ctx.fillStyle = '#000000';
            badGuys.forEach(badGuy => {
                ctx.fillRect(badGuy.x, badGuy.y, badGuy.width, badGuy.height);
            });

// Draw money
            ctx.fillStyle = '#00ff00';
            ctx.font = '24px Arial';
            ctx.fillText(`Money: $${character.money}`, 10, 30);
        }

// Utility function for collision detection
        function isColliding(rect1, rect2) {
            return rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y;
        }

// Initialize bad guys
        function initializeBadGuys() {
            const numBadGuys = 5;

for (let i = 0; i < numBadGuys; i++) {
                const badGuy = {
                    x: Math.random() * canvas.width,
                    y: Math.random() * canvas.height,
                    width: 20,
                    height: 30
                };

badGuys.push(badGuy);
            }
        }

// Event listener for touch input
        canvas.addEventListener('touchstart', function(event) {
            const touchX = event.touches[0].clientX;

if (touchX < canvas.width / 2) {
                character.speed = -5; // Move left
            } else {
                character.speed = 5; // Move right
            }
        });

canvas.addEventListener('touchend', function() {
            character.speed = 0; // Stop moving
        });

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