Веб-эксперименты: подборка невообразимых ссылок

Подборка веб-экспериментов, демонстрирующих современные технологии, библиотеки и фреймворки.

ZTYPE

ZTYPE является интерактивной браузерной игрой, где игроку предстоит защищать свой космический корабль, но весьма необычным способом: для уничтожения врагов нужно набирать слова, брошенные с кораблей пришельцев. Такое приложение может быть использовано, например, для более веселого и захватывающего обучения детей и взрослых слепой печати.

Приложение написано на Canvas и HTML5, а главной особенностью автор называет то, что при разработке не был использован OpenGL. Для анимации использована популярная графическая библиотека ImpactJS.

Онлайн-демо: zty.pe

ECHO

В ECHO игрок должен воссоздать заданный музыкальный паттерн с помощью циклически бегающих по экрану частиц. Как говорят создатели, уникальная механика игры позволяет ей быть не просто пазлом, но и серьезным музыкальным инструментом, который к тому же является ещё и весьма увлекательным.

Для разработчиков этот концепт является отличным примером того, насколько далеко в развитии зашло Web Audio API и какие удивительные вещи можно создать с помощью него.

Онлайн-демо: tonenotone.com

Deja vu

Deja vu — это интерактивное музыкальное видео, подготовленное к одноименному синглу популярного электронного музыканта KAMRA.

И это настолько крутая штука, что её невозможо описать словами. А даже если и попробовать, то эффект будет совсем не тот. Рекомендуем самим зайти на сайт, загрузить своё фото и оценить: уверены, вы и не предполагали, что такое возможно в вашем браузере.

Онлайн-демо: kamra.invisi-dir.com

Исходники выложены в открытый доступ: GitHub

Enough

Необычная веб-книга Enough является отличным примером того, какими в будущем могут стать все остальные книги — интерактивными, музыкальными, анимированными и трехмерными.

С помощью современных технологий, в частности Three.js и Wagner.js, автор усиливает воображение читателя, позволяя ему самому наблюдать и взаимодействовать с целыми частями мира. Вы даже можете потрогать всё собственными руками, при этом в прямом смысле этого слова — Enough заявляет поддержку 3D сканера движения Leap Motion.

Перед началом советуем надеть наушники: качественный стерео-звук здесь тоже присутствует.

Онлайн-демо: cabbli.bo.