Автор коду: Ришкуляк Віталій
🔐ВХІД В СИСТЕМУ:
• Введіть пароль від автора сайту (Пароль видається тільки клієнтам, які хочуть замовити якусь анімацію. Пароль діє тільки до кінця доби).
• Натисніть "Unlock" - кнопка стане зеленою при правильному паролі
⚙️НАЛАШТУВАННЯ:
• LEDs count - кількість світлодіодів (1-24)
• Pause (ms) - тривалість паузи в мілісекундах (діє тільки на команду P)
• Loop - зациклити відтворення
🎯СТВОРЕННЯ АНІМАЦІЇ:
• Клікайте на світлодіоди (з цифрами) щоб їх включити/виключити
• Кожен клік додає команду в код (наприклад: 5-ON, 3-OFF)
• Команди додаються послідовно в кінець коду
• Емулятором зручніше малювати анімацію в браузері на комп'ютері
🔴ЧЕРВОНІ КНОПКИ (керування світлодіодами):
• ALL-ON - включити всі світлодіоди
• ALL-OFF - виключити всі світлодіоди
• P - додати паузу в код
🟢ЗЕЛЕНІ КНОПКИ (відтворення):
• Play - відтворити код з початку (з урахуванням пауз)
• Pause - зупинити відтворення
• Step - виконати наступний блок команд (від P до P)
⚪СІРІ КНОПКИ (утиліти):
• Copy - скопіювати згенерований код
• Paste - вставити код з буфера обміну
• ⌫el - видалити команду під курсором
• Редагувати: Увімкнути/вимкнути режим редагування тексту
📱МОБІЛЬНА ВЕРСІЯ:
• Кнопки розташовані в 3 ряди: червоні, зелені, утиліти
• Навігація за допомогою курсора
• Торкніться поля коду для переміщення курсора
• Кнопка ⌫el видаляє команду під курсором
• Редагувати: Увімкнути/вимкнути режим редагування тексту, та ховає віртуальну клавіатуру.
⚙️ЛОГІКА РОБОТИ:
• Команди виконуються миттєво одна за одною
• Пауза відбувається тільки там, де є команда P
• У Step режимі - виконуються блоки від P до P
• Світлодіоди показують точний стан на поточному кроці
• Під час навігації курсором - світлодіоди показують стан до курсора
💡ПРИКЛАД ВИКОРИСТАННЯ:
1. Включіть світлодіоди 1, 2, 3
2. Натисніть P (пауза)
3. Виключіть світлодіод 1
4. Натисніть Play - побачите анімацію
5. Або використовуйте Step для покрокового перегляду
✏️РЕДАГУВАННЯ КОДУ:
• Клік/торкання в код - переміщує курсор
• Світлодіоди показують стан до курсора
• Кнопка ⌫el - видаляє команду під курсором
💡ПОРАДИ:
• В режимі Step курсор показує, які команди будуть виконані
• Зелена підсвітка кнопок Copy/Paste підтверджує успішне виконання
• Команди розділяються символом "/" (наприклад: 1-ON/P/2-ON/P/ALL-OFF)