Seven Segment Numbers's game | AI game creator

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

No:14920

137

Seven Segment Numbers
Developer User6030｜Date and time 23/9/5 0:31:48
Build time 35.213 sec｜Game capacity 3.869KB｜

Я рад приступить к созданию игры. Вот мой код:

В этой игре игроку предлагается изменить семь сегментных чисел, отображаемых на экране. Каждое число представлено в виде изображения png, которые загружаются и отображаются на канвасе. При нажатии на экран, игрок может выбрать сегментное число для изменения, после чего появится окно с предложением ввести новую цифру. Введенное число будет заменять выбранное сегментное число. Если игрок введет недопустимую цифру, ничего не произойдет. Надеюсь, это поможет вам разработать игру "Семисегментные числа"! Если у вас есть дополнительные вопросы, не стесняйтесь спрашивать.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Я рад приступить к созданию игры. Вот мой код:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Игра "Семисегментные числа"</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        
        // Загрузка изображений для семисегментных чисел
        const digitImages = [];
        
        for (let i = 0; i < 10; i++) {
            const digitImage = new Image();
            digitImage.src = `images/${i}.png`;
            digitImages.push(digitImage);
        }
        
        // Параметры игры
        const digitSize = 60;
        const digitSpacing = 10;
        const totalDigits = 8;
        
        let currentNumber = "12345678";
        
        // Отрисовка текущего числа
        function drawNumber() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            let x = (canvas.width - (digitSize + digitSpacing) * totalDigits) / 2;
            
            for (let i = 0; i < currentNumber.length; i++) {
                const digit = parseInt(currentNumber[i]);
                context.drawImage(digitImages[digit], x, (canvas.height - digitSize) / 2, digitSize, digitSize);
                x += digitSize + digitSpacing;
            }
        }
        
        // Обработка нажатия на экран
        function handleTouch(event) {
            const touchX = event.touches[0].clientX;
            const touchY = event.touches[0].clientY;
            
            const canvasRect = canvas.getBoundingClientRect();
            const canvasX = touchX - canvasRect.left;
            const canvasY = touchY - canvasRect.top;
            
            if (canvasX >= 0 && canvasX <= canvas.width && canvasY >= 0 && canvasY <= canvas.height) {
                const digitIndex = Math.floor((canvasX / (digitSize + digitSpacing)) % totalDigits);
                
                if (digitIndex >= 0 && digitIndex < currentNumber.length) {
                    const newDigit = prompt("Введите новую цифру:");
                    
                    if (newDigit && newDigit.length === 1 && !isNaN(parseInt(newDigit))) {
                        currentNumber = currentNumber.slice(0, digitIndex) + newDigit + currentNumber.slice(digitIndex + 1);
                        drawNumber();
                    }
                }
            }
        }
        
        document.addEventListener("touchstart", handleTouch);
        
        // Запуск игры
        drawNumber();
    </script>
</body>
</html>
```

В этой игре игроку предлагается изменить семь сегментных чисел, отображаемых на экране. Каждое число представлено в виде изображения png, которые загружаются и отображаются на канвасе.

При нажатии на экран, игрок может выбрать сегментное число для изменения, после чего появится окно с предложением ввести новую цифру. Введенное число будет заменять выбранное сегментное число. Если игрок введет недопустимую цифру, ничего не произойдет.

Надеюсь, это поможет вам разработать игру "Семисегментные числа"! Если у вас есть дополнительные вопросы, не стесняйтесь спрашивать.