Hia, Cia, Sasha, Kiana & Fia Grows Bigger Than Tree (Note: Hia, Cia, Sasha, Kiana & Fia Drinked Growing Potion, Hia, Cia, Sasha, Kiana & Fia Grows Bigger Than Tree & Fia Says "Help Us")'s game | AI game creator

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

No:47942

48

Hia, Cia, Sasha, Kiana & Fia Grows Bigger Than Tre..ALL
Developer User20657｜Date and time 24/3/1 5:49:35
Build time 15.525 sec｜Game capacity 3.605KB｜

→ 　

0　

0　

　

　
　
　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Grow Bigger Than Tree Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
        const canvas = document.getElementById('gameCanvas');
        const context = canvas.getContext('2d');
        
        // Load pictograms for characters and tree
        const hiaImage = new Image();
        hiaImage.src = 'hia.png';
        
        const ciaImage = new Image();
        ciaImage.src = 'cia.png';
        
        const sashaImage = new Image();
        sashaImage.src = 'sasha.png';
        
        const kianaImage = new Image();
        kianaImage.src = 'kiana.png';
        
        const fiaImage = new Image();
        fiaImage.src = 'fia.png';
        
        const treeImage = new Image();
        treeImage.src = 'tree.png';
        
        let hiaSize = 50;
        let ciaSize = 50;
        let sashaSize = 50;
        let kianaSize = 50;
        let fiaSize = 50;
        const treeSize = 200;
        
        let treeX = canvas.width / 2 - treeSize / 2;
        let treeY = canvas.height / 2 - treeSize / 2;
        
        let hiaX = Math.random() * (canvas.width - hiaSize);
        let hiaY = Math.random() * (canvas.height - hiaSize);
        
        let ciaX = Math.random() * (canvas.width - ciaSize);
        let ciaY = Math.random() * (canvas.height - ciaSize);
        
        let sashaX = Math.random() * (canvas.width - sashaSize);
        let sashaY = Math.random() * (canvas.height - sashaSize);
        
        let kianaX = Math.random() * (canvas.width - kianaSize);
        let kianaY = Math.random() * (canvas.height - kianaSize);
        
        let fiaX = Math.random() * (canvas.width - fiaSize);
        let fiaY = Math.random() * (canvas.height - fiaSize);
        
        let isPlaying = false;
        
        hiaImage.onload = function() {
            isPlaying = true;
            draw();
        };
        
        function draw() {
            if (isPlaying) {
                context.clearRect(0, 0, canvas.width, canvas.height);
                
                context.drawImage(hiaImage, hiaX, hiaY, hiaSize, hiaSize);
                context.drawImage(ciaImage, ciaX, ciaY, ciaSize, ciaSize);
                context.drawImage(sashaImage, sashaX, sashaY, sashaSize, sashaSize);
                context.drawImage(kianaImage, kianaX, kianaY, kianaSize, kianaSize);
                context.drawImage(fiaImage, fiaX, fiaY, fiaSize, fiaSize);
                context.drawImage(treeImage, treeX, treeY, treeSize, treeSize);
            }
        }
        
        document.addEventListener('keydown', function(event){
            if(event.code === 'KeyH') {
                hiaSize += 10;
                checkSize();
            }
            if(event.code === 'KeyC') {
                ciaSize += 10;
                checkSize();
            }
            if(event.code === 'KeyS') {
                sashaSize += 10;
                checkSize();
            }
            if(event.code === 'KeyK') {
                kianaSize += 10;
                checkSize();
            }
            if(event.code === 'KeyF') {
                fiaSize += 10;
                checkSize();
            }
            draw();
        });
        
        function checkSize() {
            if(hiaSize > treeSize && ciaSize > treeSize && sashaSize > treeSize && kianaSize > treeSize && fiaSize > treeSize) {
                alert('Hia, Cia, Sasha, Kiana & Fia are bigger than the tree! They need to find a solution!');
            }
        }
    </script>
</body>
</html>