Bloom vs icy (Winx Club)'s game

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

No:46251

←

Prev Next

→

Bloom vs icy (Winx Club)
Developer User20018｜Date and time 24/2/24 7:41:27
Build time 6.871 sec｜Game capacity 2.277KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Bloom vs Icy - Winx Club Game</title>
</head>
<body>

const bloom = {
            x: 100,
            y: 300,
            width: 50,
            height: 50,
            speed: 5,
            color: 'red'
        };

const icy = {
            x: 700,
            y: 300,
            width: 50,
            height: 50,
            speed: 3,
            color: 'blue'
        };

function drawCharacter(character) {
            ctx.fillStyle = character.color;
            ctx.fillRect(character.x, character.y, character.width, character.height);
        }

function moveCharacter(character, dx, dy) {
            character.x += dx * character.speed;
            character.y += dy * character.speed;
        }

function checkCollision(character1, character2) {
            return character1.x < character2.x + character2.width &&
                   character1.x + character1.width > character2.x &&
                   character1.y < character2.y + character2.height &&
                   character1.y + character1.height > character2.y;
        }

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

drawCharacter(bloom);
            drawCharacter(icy);

if (checkCollision(bloom, icy)) {
                alert('Bloom wins!');
                location.reload();
            }

requestAnimationFrame(updateGame);
        }

document.addEventListener('keydown', function(event) {
            switch(event.key) {
                case 'ArrowUp':
                    moveCharacter(bloom, 0, -1);
                    break;
                case 'ArrowDown':
                    moveCharacter(bloom, 0, 1);
                    break;
                case 'ArrowLeft':
                    moveCharacter(bloom, -1, 0);
                    break;
                case 'ArrowRight':
                    moveCharacter(bloom, 1, 0);
                    break;
            }
        });

updateGame();
    </script>

</body>
</html>