OldOS: эмуляция интерфейса iOS¶

OldOS — это неофициальное веб-приложение, созданное разработчиком Заком Дрейером (Zach Drayer) и выпущенное в 2021 году, которое полностью эмулирует интерфейс операционной системы iOS 14 в окне браузера. Проект примечателен тем, что воспроизводит не только внешний вид, но и базовую функциональность мобильной системы Apple, включая работу приложений, жесты и анимации, без необходимости установки на устройство.

¶История и контекст появления

Проект OldOS был анонсирован в июне 2021 года на платформе Product Hunt, где получил широкое освещение в технической прессе. Разработчик Зак Дрейер, известный также созданием других веб-экспериментов, создал OldOS как одностраничное приложение на базе фреймворка React и языка TypeScript. Основной мотивацией автора, по его собственным заявлениям, была ностальгия по «чистому» дизайну iOS 14, который, по его мнению, был утрачен в более поздних версиях системы.

Название «OldOS» является игрой слов, объединяющей английское «old» (старый) и аббревиатуру «OS» (операционная система). Важно отличать проект от одноимённых утилит, существовавших ранее для других платформ, однако именно версия Дрейера получила широкую известность.

¶Техническая реализация

¶Архитектура и стек

OldOS построен на следующих технологиях:

• React — для управления состоянием интерфейса и компонентами;
• TypeScript — для типизации кода;
• CSS-анимации — для воспроизведения плавности переходов и жестов.

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

¶Воспроизведение функциональности

OldOS эмулирует значительную часть возможностей iOS 14:

• Экран «Домой» с рабочим столом, доком и возможностью перемещения иконок;
• Центр управления с переключателями Wi-Fi, Bluetooth, яркости и громкости;
• Пункт уведомлений с поддержкой виджетов;
• Переключатель приложений с горизонтальной прокруткой карточек;
• Жесты — свайпы, пинчи, длительные нажатия, распознаваемые через обработчики событий мыши и касаний.

Среди эмулированных приложений — «Карты» (с отображением картографических данных), «Фото» (с возможностью просмотра локальных изображений), «Часы» (с мировым временем и секундомером), «Калькулятор», «Погода», «Заметки», «Сообщения» и «Сафари». Разумеется, эмуляция не является полноценной: приложения работают в ограниченном режиме, а часть системных функций (например, звонки или реальная геолокация) отсутствует.

¶Особенности и ограничения

¶Достоинства проекта

• Высокая детализация: Дрейер воспроизвёл шрифты (SF Pro), тени, радиусы скруглений и даже звуковые эффекты, что делает эмуляцию визуально почти неотличимой от реальной системы.
• Открытый исходный код: Проект опубликован на GitHub, что позволяет разработчикам изучать его код и использовать в образовательных целях.
• Кроссплатформенность: Для работы требуется лишь современный браузер, что делает проект доступным на Windows, macOS, Linux и даже на мобильных устройствах.

¶Критика и ограничения

• Производительность: На слабых устройствах или в браузерах с ограниченной поддержкой WebGL и CSS-анимаций наблюдается заметное снижение частоты кадров.
• Неполнота эмуляции: Многие приложения являются лишь макетами; например, «Сафари» не может открывать реальные веб-страницы, а «Карты» используют статичные тайлы.
• Юридические аспекты: Проект использует товарные знаки и дизайн Apple без официального разрешения, однако, поскольку он распространяется бесплатно и не содержит коммерческой составляющей, претензий со стороны компании не последовало. Apple не препятствовала существованию проекта, что объясняется его некоммерческим и образовательным характером.

¶Значение и влияние

OldOS стал ярким примером того, как веб-технологии позволяют воспроизводить сложные нативные интерфейсы. Проект привлёк внимание к возможностям React и CSS в создании высокоинтерактивных прототипов. Для дизайнеров и разработчиков OldOS служит наглядным пособием по анимации и микровзаимодействиям, а для обычных пользователей — способом «поиграть» с системой, которую они не могут установить на своё устройство.

Проект также породил волну подражаний и вдохновил других разработчиков на создание эмуляторов классических версий iOS, macOS и Android в браузере. Несмотря на то что OldOS не обновлялся после 2021 года, он остаётся доступным для использования и продолжает упоминаться в профильных изданиях как образец веб-разработки.

¶См. также

• iOS 14
• Веб-приложение
• Эмуляция

¶Источники

• Статья «OldOS: A beautiful iOS 14 concept built for the web» на портале The Verge, 2021.
• Публикация Зака Дрейера на Product Hunt, июнь 2021.
• Репозиторий проекта OldOS на GitHub.