Улыбка (игра с концовками)'s game | AI game creator

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

No:46502

62

Улыбка (игра с концовками)
Developer User20103｜Date and time 24/2/25 0:50:54
Build time 7.125 sec｜Game capacity 2.05KB｜

→ 　

0　

0　

　
　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Улыбка (игра с концовками)</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

<script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let smileyX = canvas.width / 2;
        let smileyY = canvas.height / 2;
        let smileySize = 50;
        
        function drawSmiley() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.beginPath();
            ctx.arc(smileyX, smileyY, smileySize, 0, Math.PI * 2);
            ctx.fillStyle = 'yellow';
            ctx.fill();
            ctx.strokeStyle = 'black';
            ctx.stroke();
            ctx.beginPath();
            ctx.arc(smileyX - 20, smileyY - 10, 5, 0, Math.PI * 2);
            ctx.fillStyle = 'black';
            ctx.fill();
            ctx.beginPath();
            ctx.arc(smileyX + 20, smileyY - 10, 5, 0, Math.PI * 2);
            ctx.fill();
            ctx.strokeStyle = 'black';
            ctx.beginPath();
            ctx.arc(smileyX, smileyY, 30, 0, Math.PI);
            ctx.stroke();
        }
        
        function moveRight() {
            if (smileyX + smileySize < canvas.width) {
                smileyX += 10;
                drawSmiley();
                checkWin();
            }
        }
        
        function moveLeft() {
            if (smileyX - smileySize > 0) {
                smileyX -= 10;
                drawSmiley();
                checkWin();
            }
        }
        
        function checkWin() {
            if (smileyY === 50) {
                alert('Вы победили! Улыбайтесь :)');
            }
        }

document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowRight') {
                moveRight();
            } else if (event.key === 'ArrowLeft') {
                moveLeft();
            }
        });

drawSmiley();
    </script>
</body>
</html>