Написать пост

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

Аватар Тарас Сереванн

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

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

Virtual Art Sessions

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

Icicle Bubbles

Превью видео EWe-3dbFkBY

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

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

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

Cassette Tape

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


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

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

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

8000ers

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

3D-симуляции 14 наиболее высоких гор в мире.

Использованные технологии: JavaScript, jQuery, Three.js, WebGL.

The Resonance Box

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


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

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

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

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

Веб-разработка
10959