use-shader-fx
use-shader-fx copied to clipboard
FunTechInc
⚡️ More FXs, Less GLSL
From `v1.1.37`, I notice some color banding artifacts on my scene overlay FX, which is implemented similar to this https://github.com/FunTechInc/use-shader-fx/issues/50#issuecomment-1884499421 ```tsx const offscreenScene = useMemo(() => new THREE.Scene(), []); const...
## Material `FxMaterial` , `FxBasicFxMaterial` ### BasicFx - mixSrc - mixDst - rgbShift - duotone - vignette - grain - hsv ## Hooks ```ts const {render,setValues,texture,material,scene,camera} = useSomeFx({size,dpr,...HooksProps,...FxValues,...BasicFxValues}); ``` -...
シンプルなガウシアンブラーにする方がパフォーマンスと描画結果が綺麗になりそう？ ### ref: https://mofu-dev.com/blog/gooey-shader/
- useGaussianBlurのdprがリアクティブに見える - FBOのsetSizeは fboAutoSetSize をtrueにしないとされないようにしてるから、直感的じゃない - これ、実際にFBOがsetSizeされてるんじゃなくて、updateResolutionにtextureのaspectRatioの処理が含まれてることで起こってる事象だと思う - 解決案としては、そもそも useFxScene で実行してる updateResolutionを、dprの変更をトリガーしないようにすればいいかも - てか、resolutionにdprいらないので、useResolution でdprを渡さなければいいかな Uploading 画面収録 2024-12-19 14.58.49.mov…
@roku-ft https://github.com/user-attachments/assets/da14a210-ffcf-4f03-bef8-b1af3420468d - Can mask like figma - Can select channels [ α | r | g | b ].
- RGBAそれぞれのチャネルで別々のノイズが生成されるフックがあると便利かもしれない - フラグか何かで何色のノイズにするかを書き換えてパフォーマンスを最適化できるようにしたい
