Артбук · концепт v0.3

Як влаштована {Кодеїда

Усе, що не потрапило на головну: анімації героїв, вишиванка-прогрес, Кришталева Писанка, карта екранів, UI-кіт, онбординг на 14 сцен, айдентика, іконка і голос гри.

← На головнуПочати з анімацій ↓
  1. Анімації
  2. Прогрес
  3. Писанка
  4. Карта екранів
  5. UI-кіт
  6. Онбординг
  7. Айдентика
  8. Іконка
  9. Голос
Аркуш 1 · Анімації

Спрайт-шити героїв

Чотири стани для кожного героя: стоїть, іде, радіє, помиляється. Кожна клітинка — справжній цикл кадрів, який піде в гру.

Аркуш 2 · Прогрес

Вишиванка Енея як карта навичок

Чиста сорочка на старті, перші візерунки після Карфагену, повністю вишита у фіналі. Сорочкою можна поділитися як резюме.

Світ 0 · Попелище Трої. Сорочка ще чиста.
Після Карфагену · хвилі і два зустрічні ромби.
Фінал · усі 13 візерунків.
Аркуш 3 · Артефакт

Кришталева Писанка

Тримає світи української літератури в ладу. Шторм Еола розбив її, і кожен уламок несе один візерунок, тобто одну хитрість.

Ціла, на Олімпі
Після шторму Еола
Аркуш 4 · Карта екранів

Як гравець рухається застосунком

Сім екранів і переходи між ними. Жовтий квадратик пробігає основний шлях: заставка, меню, мапа, рівень, суд богів і назад на мапу. Новий гравець у меню обирає рівень: з нуля — Абетка, трохи — світ 0, хочу задач — світ 1.

Заставкаонбординг, 14 сцен
Головне меню
{Кодеїда🌱 Ні, з нуля🧭 Трохи вмію⚔️ Хочу задачНалаштування
Мапа світів16 світів, 6 пісень
Рівень
редактор · світ · тести
Суд богів
★★★5 / 5 тестів · O(n)Вовк: не встигДалі →
Профіль
Хитрун
2 / 13 візерунків
Налаштування
Мова коду TS ▾Звук Менше руху Мова UI UA
Аркуш 5 · UI-кіт

Компоненти інтерфейсу

Кнопки, вкладки, мітки, рядки тестів, репліки персонажів, сповіщення і тема редактора «Mykyta Dark».

Кнопки
Вкладки і мітки
carthage.tsУмоваEasyMediumHardO(n)MVP
Тести
✓ [1,8,6,2,5,4,8,3,7] → 49✗ [1,1] → 0, очікували 1⏱ n = 100 000 · Time Limit
Репліки

МикитаОце по-лисячому! Вовк ще рахує пари.

СивіллаА що, як іти з обох кінців одночасно?

ЮнонаМій шторм ще не скінчився, а ти вже видихся.

ВовкЯ перевірю всі пари. Всі-всі.

Сповіщення
◆На вишиванці новий візерунок: «два зустрічні ромби»★Цар Лев жалує тобі звання Хитруна
Тема редактора · Mykyta Dark
keywordfunctiontypenumberpropertycommenttextфон
// два вказівники
while (left < right) {
  const h = Math.min(a[left], a[right]);
  best = Math.max(best, h * (right - left));
}
Аркуш 6 · Онбординг

Зачин за чотирнадцять сцен

Сцени 1–10 — заставка приблизно на дві хвилини, яку можна пропустити. З одинадцятої гравець пише код. Хто починає з нуля, бачить ще пролог «Абетка»: «Ніч перед бурею» після сцени 6 і «Заграву» перед сценою 7. Гортайте текст праворуч (смуга прокрутки збоку) або натискайте крапки.

    Аркуш 7 · Айдентика

    Логотип, кольори, шрифти

    ЗаголовкиТвоя мандрівка алгоритмами
    ТекстЕней дістався Карфагену. Дидона просить обгородити найбільшу ділянку, а Вовк уже перебирає всі пари стовпів.
    Кодwhile (left < right) { … }
    Аркуш 8 · Іконка і заставка

    Іконка застосунку і заставка запуску

    Кришталева Писанка на нічному тлі з оселедцем-дужкою зліва. Заставка показує поради Сивілли, поки вантажиться застосунок.

    Аркуш 9 · Голос

    Як говорить гра

    Бурлеск Котляревського та іронія Франка. Сміємося з Юнони і Вовка, ніколи з гравця.

    Оптимальне рішення · МикитаОце по-лисячому! Вовк ще рахує пари, а ми вже пливемо далі.
    Працює, але повільно · МикитаТак розв'язав би Вовк Неситий: O(n²). Пошукай хитрість.
    Time Limit · ЮнонаХа! Мій шторм ще не скінчився, а ти вже видихся.
    Помилка · системаЕней спіткнувся на рядку 12: змінна right не оголошена.
    Підказка · СивіллаА що, як іти з обох кінців одночасно?
    Новий візерунок · системаНа вишиванці Енея з'явилися «два зустрічні ромби».