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

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

Virtual Art Sessions


6 всемирно известных художников собрались вместе и сделали Virtual Art Sessions – уникальный эксперимент, который показал, как тесно могут переплетаться искусство и виртуальная реальность.

Использованные технологии: WebGL, JavaScript, 3D, VR, Drawing.

Онлайн демо Исходный код


Icicle Bubbles


Icicle Bubbles является эмуляцией воды – от других её отличает то, что решение полностью опирается на GPU и не использует так называемые «Marching Cubes».

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

Использованные технологии: WebGL, GPGPU, MatCap.

Онлайн демо Исходный код


Cassette Tape

unnamed (2)
Высокотехнологичное приложение хоть и выглядит как классическая кассета, но на самом деле устроено намного сложнее: используя лишь ваш браузер, вы можете записать и скачать свой собственный фри-стайл!

Звуковые файлы генерируется прямо на лету, используя JavaScript.

Использованные технологии: p5.js, Snap.svg, recorderjs, jQuery, Microphone Input.

Онлайн демо Исходный код


8000ers

3D-симуляции 14 наиболее высоких гор в мире.
unnamed (1)
Использованные технологии: JavaScript, jQuery, Three.js, WebGL.

Онлайн демо


The Resonance Box

box-shot,large.1460628325
Резонанс занимает важное место в науке, культуре и религии.

Этот проект c помощью высоких технологий сделал попытку смоделировать уникальное физическое явление: на основе движений вашей мыши генерируется звук и 3D картинка.

Использованные технологии: Three.js, Web Audio API.

Онлайн демо


Также обратите внимание на первую часть серии.

Тарас Сереванн, эксперт в области IT магии