Веб-эксперименты: подборка невообразимых ссылок
15К открытий15К показов
Подборка веб-экспериментов, демонстрирующих современные технологии, библиотеки и фреймворки.
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.
15К открытий15К показов