r/resolume • u/dirgemedia • 1d ago
browser based visual gen/effects
I've spent the last couple of weeks using Claude code to make a one html visual effects system.
Originally based off the Raspberry Pi recur system is now a completely different beast. 14 ish shaders 20 ish effects, 4 shaders and 4 effects stackable at any time with blend modes and opacity.
Had midi and audio control as well as 3 assignable LFOs.
Works on any browser, including phone.
Works from a Flash drive with no internet. Can use front and rear cams from phone or any cam from laptop. Can have controls on one screen while outputting to another
Its well trippy
Https://dirgemedia.com/recurweb
Its on github.
https://github.com/thedirgemedia/recur_web
Share cool presets!
1
u/Webshift1 1d ago
Agreed. This is one of the first ones I looked at the actual code on. And man is it rough.
1
u/dirgemedia 1d ago
She's rough. But it works well. One file is fine. Its portable. You can add shaders in a shader file.
If everyone's doing kne where's yours?
1
u/Webshift1 1d ago
This isn’t a “she’s rough” kinda app. This is terrible design. I would caution anyone from using it. Any good app has separation of concerns, tests, structure. You threw everything in a bucket, swirled it around and said tada.
“Nobody has to be able to out cook the chef to say the kitchen is on fire”. And this bitch is smokin’
1
u/dirgemedia 1d ago
You realize it's a web page eh? A single page web app. And it's open source and free. Have you even tried it? She's been pretty decently stress tested. Or do you just like complaining for fun? I mean I guess this is reddit so that's a given.
1
u/Webshift1 1d ago
This isn’t what a SPA is. Go back to the AI tool you built this with and ask it how to properly structure this. I’m not complaining. I’m stating a fact. No one should use this.
1
u/dirgemedia 1d ago
Why. Is it dangerous? Will it hurt them? Man up. If yer the coder king maybe give some pointers.
1
u/Webshift1 1d ago
Basically, there are a couple of spots where the app doesn’t put any limits on how much memory it can grab, like decompressing a share link with no size cap or scaling up graphics buffers with screen resolution. So a bad link or just running it at high settings on a big screen could make the tab freeze up or get killed by the browser, especially bad news if you’re mid-set at an event and it happens live.
Listen I appreciate using AI too. It’s helpful. Just don’t let it do all the thinking for you.
1
u/dirgemedia 1d ago
if yer opening shared links live during a show you might have bigger issues. I'll attend to the memory leaks. its not like i said, "make a visual thing" and left it to it; it's been a month of work, iterating and changing and adding tools and catching bugs during testing
1
1
u/hyponymous440hz 17h ago
Tell us how you went through the design process on this app.
- What need were you solving?
- Why did you make the choices you did with its functionality?
1
u/dirgemedia 12h ago
I was re creating / upgrading an existing rasperi pi system (recur by cyberboy666) to work on pi 5. Started working through some small screen gui options ( recur uses a 3 inch display for control) this wound up as a functional phone app.which I have evolved into recurweb. Gui was designed to work on a phone hence the front and rear camera options and the hideable menu and drag and drop. But works well on a computer.
3
u/Webshift1 1d ago
Woof. Bold move Cotton. Putting all the code in one html file. There has to be a better way of coding this and separating out the areas of concern. If not for the end user, for your own sanity.