AI game creator

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

No:19415

117

←

Prev Next

→

A simple sandbox game, where you create your own s..ALL
Developer User7456｜Date and time 23/10/3 22:19:36
Build time 17.844 sec｜Game capacity 2.896KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Sandbox Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Variables
        let canvas;
        let context;

let items = []; // Array to store all the items in the game
        let selectedItem = null; // Variable to store the currently selected item

// Item class
        class Item {
            constructor(x, y, image) {
                this.x = x;
                this.y = y;
                this.image = image;
            }
        }

// Images
        let meleeWeaponImage = new Image();
        meleeWeaponImage.src = "melee_weapon.png";

let gunImage = new Image();
        gunImage.src = "gun.png";

let barrelImage = new Image();
        barrelImage.src = "barrel.png";

let vacuumCleanerImage = new Image();
        vacuumCleanerImage.src = "vacuum_cleaner.png";

let contraptionSpawnerImage = new Image();
        contraptionSpawnerImage.src = "contraption_spawner.png";

// Initialization function
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

// Event listeners
            canvas.addEventListener("mousedown", onMouseDown);

// Create initial items
            items.push(new Item(100, 100, meleeWeaponImage));
            items.push(new Item(200, 200, gunImage));
            items.push(new Item(300, 300, barrelImage));
            items.push(new Item(400, 400, vacuumCleanerImage));
            items.push(new Item(500, 500, contraptionSpawnerImage));
        }

// Mouse down event handler
        function onMouseDown(event) {
            let rect = canvas.getBoundingClientRect();
            let mouseX = event.clientX - rect.left;
            let mouseY = event.clientY - rect.top;

// Check if an item was clicked
            for (let i = items.length - 1; i >= 0; i--) {
                let item = items[i];
                if (mouseX > item.x && mouseX < item.x + item.image.width &&
                    mouseY > item.y && mouseY < item.y + item.image.height) {
                    selectedItem = item;
                    break;
                }
            }
        }

// Game loop function
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw items
            for (let i = 0; i < items.length; i++) {
                let item = items[i];
                context.drawImage(item.image, item.x, item.y);
            }

requestAnimationFrame(gameLoop);
        }

// Start the game
        init();
        gameLoop();

</script>
</body>
</html>