[Перевод] Разработка 3D-аудиовизуализатора с помощью Three.js, GSAP и Web Audio API

Визуализатор звука, в котором светящийся 3D-шар пульсирует и меняет цвет в такт музыке, а перетаскиваемые панели GSAP плавно перемещаются вокруг него по инерции. Демо Код Звук — это волны, зрение — это волны, которые мы видим. Я всегда стремлюсь поймать момент, когда эти волны накладываются друг на друга. Для недавнего задания от сообщества Webflow и GSAP, посвященного плагинам GSAP Draggable и Inertia , я решил развить идею, создав футуристический визуализатор, реагирующий на звук . Идея заключалась в создании научно-фантастического интерфейса "детектора аномалий", который реагирует на музыку в реальном времени, совмещая атмосферные визуальные эффекты со звуком. Поехали!

https://habr.com/ru/companies/timeweb/articles/927388/

#javascript #js #threejs #gsap #web_audio_api #3d #3dgraphic #audio #аудио #3dграфика

0 бит, не крашен — продам Скайрим

Доброго времени суток, Сегодня, я продолжаю рассмотрение графики в Небесном Крае. Начнём более классическое рассмотрение всего конвейера, чтобы узнать, что таит в себе Creation Engine? Не будем тянуть кота, пусть спит. Окунёмся сразу в пучину графических ухищрений Беседки. Купить Скайрим

https://habr.com/ru/articles/863200/

#игры #графика #графика_игр #skyrim #3dграфика #3dgraphic

Navmesh, lightmaps и lightprobes: реализация и использование в Playcanvas

В этой небольшой заметке хотелось бы поделиться результатами реализаций нескольких технологий из gamdev-а. В основном коснёмся двух тем. Первая тема - это использование navmesh-ей для нахождения путей в пространстве трёхмерной сцены. Вторая тема - это использование lightmap и lightprob-ов для освещения динамических объектов. По каждой из этих тем обсудим немного теории и то, как всё это можно использовать в браузерном игровом 3d-движке Playcanvas.

https://habr.com/ru/articles/783174/

#playcanvas #3dgraphic #gamedev #navmesh #lightmap #lightprobe #webassembly #assemblyscript

Wish You delicious 2023

#graphic >by me #graphics #graphicdesign #3dgraphics #3dgraphic #3dtypography #3dtype #chocolate #donuts #doughnuts #3dillustration #schildwachter #dusseldorf #duisburg #stopputin #getcarbonneutral #govegan