I started 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.
Show HN: Shader Lab, like Photoshop but for shaders
31–40 of 50 posts
Re: Show HN: Shader Lab, like Photoshop but for shaders
#32looks like a slopfork of the fairly new https://shaders.com - frustrating for them!
Honest question: If my web browser struggles to even render the preview, why in god's name would I put any of these presets on a production webpage?
Please, don't. I don't want the same starting to happen on different sites...
Re: Show HN: Shader Lab, like Photoshop but for shaders
#33Re: Show HN: Shader Lab, like Photoshop but for shaders
#34A 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 fo…
Can you elaborate on the scrolling issue?
Re: Show HN: Shader Lab, like Photoshop but for shaders
#35A 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 fo…
Can you elaborate on the scrolling issue?
It'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.
Re: Show HN: Shader Lab, like Photoshop but for shaders
#36Is 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)
Re: Show HN: Shader Lab, like Photoshop but for shaders
#37A 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 fo…
Can you elaborate on the scrolling issue?
It’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-...
WebGPU doesn’t have this issue. You can use the same device with multiple canvases
https://webgpufundamentals.org/webgpu/lessons/webgpu-multipl...
Re: Show HN: Shader Lab, like Photoshop but for shaders
#38Doesn't seem to load for me except the side windows. Firefox/Linux. HN hug of death? The design language screams vibe coded to me.
As a ESL, what is unnatural in the language used ?
Design language, meaning the feel and how the user interacts with a product.
They're saying it follows the patterns that AI biases towards regarding feel and UI.
Re: Show HN: Shader Lab, like Photoshop but for shaders
#39Re: Show HN: Shader Lab, like Photoshop but for shaders
#40Not to be mistaken for Unity Shaderlab: https://docs.unity.cn/Documentation/Manual/SL-Reference.html
Maybe a unity3d.com URL would be more authoritative here.
https://docs.unity3d.com/560/Documentation/Manual/SL-Shader....