разработчик Деннис Морелло представил Онлайн-проект Windows 98 Disk Defrag Simulator, имитирующий работу утилиты дефрагментации диска в Windows 98, включая звуки диска. На стороне defrag98.com Вы можете увидеть, как работала система дефрагментации диска в Windows 98.

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

По объяснению Морелло, этот веб-сайт представляет собой точную копию программы дефрагментации диска Windows 98, которую автор создал в экспериментальных целях для изучения новых возможностей и методов веб-разработки.

Для этого проекта Морелло использовал некоторые из самых мощных инструментов современной веб-разработки, в том числе:

• React: для создания компонентов пользовательского интерфейса;
• Next.js: для оптимизации производительности и SEO;
• Состояние: для управления статусом приложения;
• TailwindCSS: стилизовать приложение вместе с 98.css, чтобы придать ему эстетику Windows 98;
• Radix UI Primitivesx: для доступных интерактивных компонентов, таких как ползунки и модальные окна;
• Vercel: платформа хостинга приложений.

Проблемы и решения, возникшие в ходе работы над проектом:

1. Перестроение алгоритма дефрагментации.

Одной из самых больших проблем была реализация алгоритма дефрагментации, который выглядел бы аутентично. Морелло создал свой собственный алгоритм, который:

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

2. Воссоздайте пользовательский интерфейс идеально и с точностью до пикселя.

Чтобы добиться точного внешнего вида Windows 98, требовалось большое внимание к деталям. Морелло использовал комбинацию 98.css и TailwindCSS, чтобы:

• Точно сочетайте цвета;
• воссоздать характерные «коренастые» края;
• Реализовать классическую типографику Windows 98.

3. Имитирует шум жесткого диска.

Чтобы добавить дополнительный слой ностальгии, Морелло реализовал реалистичные звуки жесткого диска. Эти действия включали:

• Записывайте и редактируйте аутентичные звуки жесткого диска;
• Использование API веб-аудио для точного управления воспроизведением;
• Синхронизация звуковых эффектов с процессом визуальной дефрагментации;
• Регулировка шума жесткого диска в соответствии с выбранной скоростью диска.

Какой опыт Морелло приобрел во время работы над этим проектом:

• Смог глубоко погрузиться в тонкости написания собственного алгоритма дефрагментации и найти баланс между производительностью и точностью моделирования;
• рассмотрели проблемы точного моделирования устаревшего программного обеспечения;
• расширили границы возможного в браузерных приложениях.