How to use custom shaders in WebGPU

[danrossi]

I’m trying to do something that supports both renderers but seems like it can’t. This is what I came up with to manipulate the color node rather than position. But no idea how to add the median shader method. All those math methods are imports. This breaks trying to do with webgl renderer so maybe I might have to just do straight up wgsl instead.

Convert custom shader to MeshBasicNodeMaterial

I may have figured something out but it only works for webgpurenderer, the color uniform breaks with webgl. So I need duplicated code for both renderers. It would be nice if there was a clear example how to create a shader function for some of the math like in webgl. I thought the point of tslFn was to support both renderers. material = new MeshBasicNodeMaterial({ map: videoTexture, color: new THREE.Color( 0x0066ff ), opacity: 0.5 }); // console.log(uniform(material.color)); co…