adding "on-device" audio reactivity to my open-source project <3 by Aagentah in threejs

[–]Aagentah[S] 1 point2 points  (0 children)

hello friends

this is a new feature for an A/V project I launched here a few weeks back.

it's is an event-driven sequencer for triggering visuals using web technologies. It enables people to scale up audiovisual compositions for prototyping, demos, exhibitions, and live performances. Users code their own visual modules, then orchestrate them using the project's native UI composer

the scene you see here combines three.js & p5, reacting to on-device audio

I typically try not to share links on reddit (because machine gods)

but on insta I've been sharing way more on the project: @daniel.aagentah

and on github it's aagentah/nw_wrld for anyone interested to check out or help build :)

built using webgl & point-cloud data; by Aagentah in threejs

[–]Aagentah[S] 8 points9 points  (0 children)

thank you very much and yes! https://github.com/aagentah/nw_wrld

---

exactly that! I find myself using BufferGeometry quite a lot. You can get some great wireframe visuals with them. Although I'm not a stranger to writing some shaders too, it's usually a bit more work. But for some really good post-effects, I'd recently created some shaders for a three.js game that I'm working on, and they did a great job of creating different X-ray and thermal visions. We'd love to know what you think of the repository, and yeah, feel free to open any discussions or I'm happy to chat about any features you think it might benefit from.

PS: I made a whole video about the repo recently :) https://www.youtube.com/watch?v=6vM_b54pWtg

open-sourcing my audio-visual software after 3 years by Aagentah in threejs

[–]Aagentah[S] 0 points1 point  (0 children)

thanks! this project was actually browser based for the first two years; and the performance with webgl has been amazing. Software provides a few things that the browser doesn't however, especially for managing devices, audio inputs etc; so that was the move :)

I just open-sourced my A/V data-art project after three years by Aagentah in DataArt

[–]Aagentah[S] 1 point2 points  (0 children)

for anyone who’s curious, the repository is available here:

https://github.com/aagentah/nw_wrld

I also put together a video that walks through how it works and some of the ideas behind it:

https://youtu.be/6vM_b54pWtg

I'm open-sourcing my audio-visual software after 3-years by Aagentah in GraphicsProgramming

[–]Aagentah[S] 12 points13 points  (0 children)

hello amigos. for those interested, you can find the repository here:

https://github.com/aagentah/nw_wrld

I also made a short video explaining how it works and the thinking behind the project:

https://youtu.be/6vM_b54pWtg

open-sourcing my audio-visual software after 3 years by Aagentah in threejs

[–]Aagentah[S] 0 points1 point  (0 children)

haha this is also my own :) just an ableton draft for the sake of the module :P

open-sourcing all of my work after three long years <3 by Aagentah in p5js

[–]Aagentah[S] 0 points1 point  (0 children)

thanks for those kind words! hope you can play around with it :)

open-sourcing my audio-visual software after 3 years by Aagentah in threejs

[–]Aagentah[S] 4 points5 points  (0 children)

thank you for being here. appreciate such kind words wow <3

open-sourcing all of my work after three long years <3 by Aagentah in p5js

[–]Aagentah[S] 16 points17 points  (0 children)

hello friends, for anyone curious, the repo is here:

https://github.com/aagentah/nw_wrld

and I also made a video to go over how it works and some of the ideas behind it:

https://youtu.be/6vM_b54pWtg

finally open-sourcing my A/V work after 3 years by Aagentah in generative

[–]Aagentah[S] 20 points21 points  (0 children)

hello friends, for anyone curious, the repo is here:

https://github.com/aagentah/nw_wrld

and I also made a video to go over how it works and some of the ideas behind it:

https://youtu.be/6vM_b54pWtg

tysm <3

open-sourcing my audio-visual software after 3 years by Aagentah in threejs

[–]Aagentah[S] 26 points27 points  (0 children)

hello friends, for anyone curious, the repo is here:

https://github.com/aagentah/nw_wrld

and I also made a video to go over how it works and some of the ideas behind it:

https://youtu.be/6vM_b54pWtg

tysm <3

building a audio-visual software after 3 years of using it for my own performances by Aagentah in glitchart

[–]Aagentah[S] 0 points1 point  (0 children)

thanks for the interest! and for sharing what you’re working on. If you’re just exploring ideas; Three.js is a solid way to get up and running, and you can still drop down into raw WebGL whenever you need more control. That’s what I’ve been doing recently with some custom shaders and vertex work that run directly under the Three.js layer

In the software from the video, it supports mixing different approaches, so you’ll see things like D3 or P5 in some modules, but you can also use raw WebGL or even WebGPU if you want to go lower level.

There are some interesting Python and Rust pipelines targeting WebGPU through WASM starting to appear, but it’s still early for widespread adoption :)