4 ms·
Show HN: Shader Lab, like Photoshop but for shaders
- deleted 6mo ago[deleted]
- sph 6mo agoDoesn't seem to load for me except the side windows. Firefox/Linux. HN hug of death? The design language screams vibe coded to me.
- ohyoutravel 6mo agoDoesn’t work for me. Seems vibe coded.
- ragojose 6mo agocan you give me more context so we can fix it? this is not vibe-coded :)
- mawadev 6mo agoThat is so laggy, but the UI looks really cool!
- aguacaterojo 6mo agoV cool. Works in ff on mac for me. Maybe vibe coded but it's a spectrum. Probably in need of a bit of polish and a better performing example & maybe resolution switching. Basement Studio is legit I have bought their fonts in the past. Floating windows are a little pointless but aesthetic choice or a one shot ui. FPS would be nice, also distinction between canvas and void. Video export works great.
- sva_ 6mo agoWhen I clicked Add Layer and then tried to select an image source, it managed to crash Firefox pretty consistently. Submitted a bug report.
- elliottcarlson 6mo agoNice interface -- I made something similar but for a specific game (Binding of Isaac) because it has a specific way of implementing shaders for mods. https://sublimnl.github.io/IsaacShaderStudio/ https://sublimnl.github.io/IsaacShaderStudio/
- felixthehat 6mo agolooks like a slopfork of the fairly new https://shaders.com https://shaders.com - frustrating for them!
- doingitwell 6mo agoWelcome to the world of zero cost software we were promised
- rib3ye 6mo agoIndeed we prefer the world where only deep-pocketed entrenched monopolies can do this.
- skrebbel 6mo ago"slopfork" nice
- felixthehat 6mo agoI heard the term used on the shoptalk podcast about cloudflare slopforking wordpress! https://shoptalkshow.com/709/ https://shoptalkshow.com/709/
- philipallstar 6mo agoCloudflare really doesn't seem to have made slop or a fork.
- felixthehat 6mo agoI think it’s a jokey term for when you use ai to copy an existing project
- VerifiedReports 6mo agoNo matter what, it's better than "vibecoding." Ugh.
- bobbies-treats 6mo agoTough for anyone to want to play around with until performance is improved. It's neat though.
- ragojose 6mo agowe're working on perf optimizations!
- realbigscrem 6mo agoNot to be mistaken for Unity Shaderlab: https://docs.unity.cn/Documentation/Manual/SL-Reference.html https://docs.unity.cn/Documentation/Manual/SL-Reference.html
- jameshart 6mo agoMaybe a unity3d.com URL would be more authoritative here. https://docs.unity3d.com/560/Documentation/Manual/SL-Shader.html https://docs.unity3d.com/560/Documentation/Manual/SL-Shader....
- onion2k 6mo agoA while ago (8 years in fact) I wanted to make something like this. I made a slightly half-assed React library that used twgl to overlay a shader on an element on a page (or a canvas for some effects). One thing I had was measuring where an element was on the page and then using absolute positioning to put a canvas over it so effects could expand beyond the confines of the element. I still think that has potential for some fun things but browsers aren't really fast enough to keep it in the right place with scrolling so it never works properly. https://react-neon.ooer.com/ https://react-neon.ooer.com/ + https://github.com/onion2k/react-neon https://github.com/onion2k/react-neon These new libraries are much better than anything I came up with.
- llbbdd 6mo agoCan you elaborate on the scrolling issue?
- onion2k 6mo agoIt's been a while so I might be a little off, but the problem was that the effect would lag behind slightly (one frame?) because I used an observer to match where the element moved to because the overlay element was logged to the viewport. I think I did that to avoid having a canvas that was the size of the entire page. Where a canvas could just be abs positioned it was ok but for reasons I can't remember that didn't work for everything.
- greggman65 6mo agoIt’s a WebGL issue, fixed in WebGPU. Browsers generally only allow a fixed number of WebGL contexts per page. So a generic element effect library has the issue that too many elements some will start losing contexts. The workaround is to just make one large screen size canvas and then figure out where the elements are you need to draw an effect for. now you only have one context drawing all the elements. But, you can’t know where to draw until the browser scrolls and renders so you’re always one frame behind. https://webgl2fundamentals.org/webgl/lessons/webgl-multiple-views.html https://webgl2fundamentals.org/webgl/lessons/webgl-multiple-... WebGPU doesn’t have this issue. You can use the same device with multiple canvases https://webgpufundamentals.org/webgpu/lessons/webgpu-multiple-canvases.html https://webgpufundamentals.org/webgpu/lessons/webgpu-multipl...
- glhast 6mo agoI started https://unicorn.studio https://unicorn.studio (first of its kind for layer based shader composition) back in 2020! Thankful that I did because I actually had to learn GLSL the hard way. Not sure that I would have bothered if building it today.
- hugodan 6mo agoAmazing work, I am a fan of unicorn studio, it was the first real try I saw at these no code design tools that have shaders as their output. I wonder what makes you unsure that you would have not bothered in building it today? or what would you do different with todays knowledge?
- glhast 5mo agoThanks! I still would have built it today, what I was unsure of was whether I would have learned GLSL. The models have been sub-par at writing shaders until recently. Without the friction of needing to learn the language itself to build it, I don't know if I would have. The most fun I have today is trying to innovate new interesting techniques, which I wouldn't be able to do with the models alone.
- natdempk 6mo agoIs this lacking FPS caps or is something very unoptimized? Everything is smooth, but this website makes my computer run super hot and laptop fans spin up like nothing else does, even other shaders. (recent Chrome, recent MBP)
- hmmokidk 6mo agoBookmarking for later. Really curious to explore this when the brain cells are back online in the AM.
- bauenblockchain 5mo agolooking good
- roxana_haidiner 5mo agothe UI looks really nice! keep it up!
- paolatauru 5mo agothe binding of isaac use case is interesting bc thats where the context limit issue really bites. did you hit the ceiling on active effects or is there a lazy initialization trick you figured out