📋

Ключевые факты

  • Сайт выполнен в тематике Ситха, командующего Галактической Печеньковой Империей.
  • На приветственной странице доступна игра на согласие файлов cookie, минимальная ширина окна для игры — 800 пикселей.
  • Разработчик портирует CMUdict на JavaScript для улучшения синхронизации фонем аватара.
  • LLM не использовались; весь код написан вручную и не минифицирован.
  • Секретного босса можно разблокировать с помощью Инструментов разработчика.

Краткая сводка

Разработчик переработал свой сайт, придав ему уникальный стиль Ситха, повелителя Галактической Печеньковой Империи. Дизайн включает интерактивную игру на согласие файлов cookie, расположенную на приветственной странице, заменяющую предыдущую, более скучную версию. Разработчик тестировал сайт на различных платформах, включая Linux с использованием Firefox и Chrome, и Macbook с Safari, отмечая совместимость со старыми телефонами на Android. Для оптимального игрового процесса рекомендуется минимальная ширина окна 800 пикселей, наилучший опыт обеспечивается на больших дисплеях. На сайте есть серия статей о «создании», детализирующих процесс разработки, от игровой механики до создания аватара. Текущая разработка сосредоточена на обратном портировании CMUdict в JavaScript для улучшения синхронизации фонем в анимации аватара с использованием детекции энергии волны. Примечательно, что разработчик подтвердил, что LLM не использовались; весь код написан вручную и оставлен неминифицированным в образовательных целях. В игре также спрятана секретная битва с боссом, доступная через Инструменты разработчика.

Дизайн Галактической Печеньковой Империи

Редизайн сайта был выполнен в период Рождества и новогодних праздников. Разработчик выбрал эстетику Ситха для командования Галактической Печеньковой Империей, движимый желанием улучшить предыдущую игру на согласие файлов cookie, которая со временем стала скучной. Новая тема применяется к приветственной странице сайта, которая служит отправной точкой для интерактивного опыта.

Основным интерактивным элементом является игра, которая запускается исключительно на приветственной странице. Она представляет собой космический корабль игрока, управляющий игровым миром, где камера увеличивается и следует за кораблем на маленьких экранах. Разработчик отметил, что игра доступна при минимальной ширине окна 800 пикселей, хотя ширина 1280 пикселей обеспечивает наилучший опыт без движения камеры. В игре также есть скрытая битва с секретным боссом, которую пользователи могут разблокировать, взаимодействуя с Инструментами разработчика браузера.

Техническая реализация и совместимость

Были проведены масштабные тестирования, чтобы гарантировать работу сайта в различных средах. Разработчик тестировал сайт на Firefox и Chrome/Chromium, работающих на Linux, а также на Safari на Macbook. Хотя iPhone не был доступен для тестирования, сайт корректно функционировал на старых телефонах Android с использованием хака мета-вида.

Разработчик выразил недовольство тем, что этот хак остается необходимым спустя 15 лет. Сайт предназначен для работы в современных браузерах, при этом анимация аватара является ключевым фокусом текущей разработки. Для улучшения аватара разработчик работает над следующими техническими задачами:

  • Обратное портирование CMUdict в JavaScript/ECMAScript.
  • Реализация детекции энергии волны для синхронизации фонем.
  • Использование детектора нулевого пересечения для лучшей синхронизации.

Эти изменения призваны исправить проблемы с таймингом фонем, поскольку существующие инструменты на базе Python не были достаточно быстрыми для работы в реальном времени. Разработчик отметил, что существующие статьи по анимации фонем были «вроде как дерьмовыми и сломанными», что привело к высокоэкспериментальному подходу с новым детектором границ.

Философия разработки и ресурсы

Разработчик сделал исходный код полностью доступным для публики. Было принято конкретное решение оставить код не собранным и не минифицированным. Это позволяет посетителям читать и изучать код напрямую. Разработчик прямо заявил, что LLM не использовались при создании сайта; всё было написано вручную.

Для тех, кого интересуют технические детали, доступна веб-лог серия «создание». Эти статьи охватывают процесс разработки, создание аватара и конкретные отладчики, использовавшиеся в ходе проекта. Ресурсы включают:

  • Создание игры
  • Создание аватара
  • Отладчики для развлечения

Разработчик надеется, что пользователям понравится пребывание и они повеселятся, играя в Игру на согласие файлов cookie.

«Я не могу поверить, что это всё еще «современный» способ делать дела спустя 15 лет. Вфук».

— Разработчик

«Существующие статьи по анимации фонем были вроде как дерьмовыми и сломанными».

— Разработчик

«LLM не использовались при создании этого сайта».

— Разработчик
Ключевые факты: 1. Сайт выполнен в тематике Ситха, командующего Галактической Печеньковой Империей. 2. На приветственной странице доступна игра на согласие файлов cookie, минимальная ширина окна для игры — 800 пикселей. 3. Разработчик портирует CMUdict на JavaScript для улучшения синхронизации фонем аватара. 4. LLM не использовались; весь код написан вручную и не минифицирован. 5. Секретного босса можно разблокировать с помощью Инструментов разработчика. FAQ: Q1: Какова тема нового сайта? A1: Сайт выполнен в тематике Сита, командующего Галактической Печеньковой Империей. Q2: Как пользователи могут получить доступ к скрытой битве с боссом? A2: Пользователи могут разблокировать секретную битву с боссом, взаимодействуя с Инструментами разработчика браузера. Q3: Какая технология используется для анимации аватара? A3: Разработчик реализует детекцию энергии волны и портирует CMUdict на JavaScript для синхронизации фонем в реальном времени.