Хочу представить Вам свой небольшой pet-проект, сделанный для души и для отработки некоторых современных веб-технологий.
Проект называется «8-bit Camera» и позволяет делать фото и обрабатывать изображения в пиксельном стиле прямо в Вашем браузере. Адрес сайта проекта: 8bitcam.ru.
Для чего это нужно? Ну, например, чтобы делать крутые фотки и аватарки, как в старых играх. Ещё можно делать иллюстрации и спрайты для своих игр на AXMA Story Maker. Да и просто «Just for fun».
Некоторые возможности, которые реализованы в данный момент:
- Десять 8-битных фильтров, которые можно применять к фото или видео «на лету».
- Три разрешения изображения
- Режим Interlaced (эмуляция чересстрочной развёртки)
- Режим Mirroring (зеркалирование изображения)
- Захват видео в режиме «Selfie camera» с помощью вебкамеры ПК или камер смартфона. Выберите «Разрешить» при запросе браузера про использование камеры.
- Загрузка своих фото и видео для обработки фильтрами в режиме «Upload image/video».
- Скачивание загруженного изображения или текущего кадра видео (кнопка «Take a picture!» или клавишей Enter).
- Просмотр видео в полноэкранном режиме на ПК и планшетах (квадратик в правом нижнем углу видео).
- Включение/отключение звука видео (кружочек в левом нижнем углу видео).
- Работа сайта без интернета (естественно, после его полной загрузки).
Работоспособность протестирована в Chrome, Safari и Firefox, а также на iPhone и iPad. В Firefox есть проблемы с загрузкой видеофайлов.
Пара комментариев по работе с сайтом:
- Снимки и видео отображаются только локально в Вашем браузере и никуда не передаются.
- Управлять воспроизведением видео можно кликом на нём или клавишей пробел.
Пример обработки фото фильтрами (первое – оригинал):
