8-битная вебкамера и олдскульные фильтры для изображений

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

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

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

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

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

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

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

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

Пример обработки фото фильтрами (первое — оригинал):