glsl-pipeline icon indicating copy to clipboard operation
glsl-pipeline copied to clipboard

GlslPipelineReact material blank with multiple buffer / General GLSL confusion

Open eriksachse opened this issue 1 year ago • 1 comments

I'm trying to port a shader from Shadertoy to my React Three application. I'm just very confused in working with buffer. The examples and documentation don't help me much and I don't know where I'm going wrong..

Here is a CSB I'm working with right now: https://codesandbox.io/p/sandbox/glsl-pipeline-material-fslk3y?file=%2Fsrc%2Fcomponents%2Fthree%2FScene.jsx%3A97%2C28

This is the Shadertoy I want to port: https://www.shadertoy.com/view/tljXWV

Thing is I'm not an expert and it seems so simple, but also very complex in terms of getting the right function/prop. In Shadertoy there is textureLod being used, and upon googling I'm not sure if that is even possible inside WebGL(?). There is this thing and that thing, but I just want multiple buffers in a feedback working. Same as now in the examples there is being color += being used in each buffer, while Shadertoy is always using fragColor as output. How is it that all the tools are so different, but in the end should be the same: Some cool flickering canvas doing fun stuff.

eriksachse avatar Dec 19 '23 15:12 eriksachse

Might be too late for you, I haven't tried textureLod feature in webgl. Perhaps this StackOverflow solution will solve your issue?

https://stackoverflow.com/questions/15188434/webgl-texture2dlod-alternative

ammein avatar Sep 01 '24 07:09 ammein

Close the issue since there is no response from the issuer

ammein avatar Oct 30 '24 08:10 ammein