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

No:7066

1775

←

Prev Next

→

There’s a girl called 12 who lives in an orphanage..ALL
Developer User3965｜Date and time 23/7/5 4:36:33
Build time 20.526 sec｜Game capacity 5.802KB｜

Script

Here's a basic sample game HTML file using JavaScript and pictograms to represent the game you described:

The Adventures of 12 and Elle

Please note that this is just a basic sample game illustrating the structure and mechanics you described. You would need to add more functionality and gameplay elements (such as battle mechanics, sprite saving, and family rift resolution) to fully realize the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Here's a basic sample game HTML file using JavaScript and pictograms to represent the game you described:

```html
<!DOCTYPE html>
<html>
<head>
    <title>The Adventures of 12 and Elle</title>
</head>
<body>
    <h1>The Adventures of 12 and Elle</h1>

<canvas id="gameCanvas" width="400" height="400"></canvas>

// Player object
        var player = {
            name: "12",
            friends: ["Shara", "Chara"],
            x: 20,
            y: 20,
            width: 40,
            height: 40,
            speed: 2,
        };

// Sister object
        var sister = {
            name: "Elle",
            x: 200,
            y: 200,
            width: 40,
            height: 40,
        };

// Sprites object
        var sprites = [
            {
                name: "Cute Sprite 1",
                x: 100,
                y: 100,
                width: 20,
                height: 20,
                saved: false
            },
            {
                name: "Cute Sprite 2",
                x: 300,
                y: 300,
                width: 20,
                height: 20,
                saved: false
            }
        ];

// Scrapers object
        var scrapers = [
            {
                name: "Evil Cat Demon 1",
                x: 150,
                y: 150,
                width: 30,
                height: 30,
                defeated: false
            },
            {
                name: "Evil Cat Demon 2",
                x: 250,
                y: 250,
                width: 30,
                height: 30,
                defeated: false
            }
        ];

// Keyboard controls
        var keys = {
            ArrowUp: false,
            ArrowDown: false,
            ArrowLeft: false,
            ArrowRight: false
        };

// Handle keyboard input
        document.addEventListener("keydown", function(event) {
            if (event.key in keys) {
                keys[event.key] = true;
            }
        });

document.addEventListener("keyup", function(event) {
            if (event.key in keys) {
                keys[event.key] = false;
            }
        });

// Update game state
        function update() {
            // Move player
            if (keys.ArrowUp) {
                player.y -= player.speed;
            }
            if (keys.ArrowDown) {
                player.y += player.speed;
            }
            if (keys.ArrowLeft) {
                player.x -= player.speed;
            }
            if (keys.ArrowRight) {
                player.x += player.speed;
            }

// Check collision with scrapers
            for (var i = 0; i < scrapers.length; i++) {
                var scraper = scrapers[i];

if (!scraper.defeated && checkCollision(player, scraper)) {
                    // Handle scraper battle here (not implemented in this sample)
                    console.log("You encountered an evil cat demon!");
                }
            }

// Check collision with sprites
            for (var i = 0; i < sprites.length; i++) {
                var sprite = sprites[i];

if (!sprite.saved && checkCollision(player, sprite)) {
                    // Handle sprite saving here (not implemented in this sample)
                    console.log("You saved a cute little sprite!");
                }
            }

// Check collision with sister
            if (checkCollision(player, sister)) {
                // Handle family rift resolution here (not implemented in this sample)
                console.log("You reunited with your long lost sister!");
            }

// Render the game
            render();

// Call update again on the next frame
            requestAnimationFrame(update);
        }

// Render the game
        function render() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw sister
            ctx.fillStyle = "purple";
            ctx.fillRect(sister.x, sister.y, sister.width, sister.height);

// Draw sprites
            ctx.fillStyle = "green";
            for (var i = 0; i < sprites.length; i++) {
                var sprite = sprites[i];

if (!sprite.saved) {
                    ctx.fillRect(sprite.x, sprite.y, sprite.width, sprite.height);
                }
            }

// Draw scrapers
            ctx.fillStyle = "red";
            for (var i = 0; i < scrapers.length; i++) {
                var scraper = scrapers[i];

if (!scraper.defeated) {
                    ctx.fillRect(scraper.x, scraper.y, scraper.width, scraper.height);
                }
            }
        }

// Check collision between two objects
        function checkCollision(obj1, obj2) {
            return (
                obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y
            );
        }

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