8-битная вебкамера в стиле Speccy

[Алексей Мартынов]

Хочу представить Вам свой небольшой pet-проект, сделанный для души и для отработки некоторых современных веб-технологий.

Проект называется «8-bit Camera» и позволяет делать фото и обрабатывать изображения в пиксельном стиле прямо в Вашем браузере. Адрес сайта проекта: 8bitcam.ru.

Для чего это нужно? Ну, например, чтобы делать крутые фотки и аватарки, как в старых играх. Ещё можно делать иллюстрации и спрайты для своих инди-игр в олдскульном стиле. Да и просто «Just for fun».

Некоторые возможности, которые реализованы в данный момент:

• Десять 8-битных фильтров, которые можно применять к фото или видео «на лету».
• Три разрешения изображения.
• Режим Interlaced (эмуляция чересстрочной развёртки).
• Режим Mirroring (зеркалирование изображения).
• Захват видео в режиме «Selfie camera» с помощью вебкамеры ПК или камер смартфона. Выберите «Разрешить» при запросе браузера про использование камеры.
• Загрузка своих фото и видео для обработки фильтрами в режиме «Upload image/video».
• Скачивание загруженного изображения или текущего кадра видео (кнопка «Take a picture!» или клавишей Enter).
• Просмотр видео в полноэкранном режиме на ПК и планшетах (квадратик в правом нижнем углу видео).
• Включение/отключение звука видео (кружочек в левом нижнем углу видео).
• Работа сайта без интернета (естественно, после его полной загрузки).

Работоспособность протестирована в Chrome, Safari и Firefox, а также на iPhone и iPad. В Firefox есть проблемы с загрузкой видеофайлов.

Пара комментариев по работе с сайтом:

• Снимки и видео отображаются только локально в Вашем браузере и никуда не передаются.
• Управлять воспроизведением видео можно кликом на нём или клавишей пробел.

Пример обработки фото фильтрами:

Оригинальное фото



Classic (цвета Speccy без знакомест)



Speccy (со знакоместами)



Sepia



Grayscale



Black & White



Dithering



Marsport



Matrix



Saboteur



Fairlight

[Advertiser]