{"repo":"FunTechInc/use-shader-fx","free":true,"listed":false,"github":"https://github.com/FunTechInc/use-shader-fx","clone":"git clone https://github.com/FunTechInc/use-shader-fx.git","description":"⚡️ More fx, Less GLSL","language":"TypeScript","stars":414,"topics":["react","webgl","glsl","glsl-shader","helpers","hooks","threejs","react-three-fiber","react-three-drei","shader"],"license":"MIT","category":"game-templates","readme_excerpt":"use-shader-fx is a library designed to easily implement shader effects such as fluid simulations and noise. It relies on react-three-fiber and has been designed with performance control in mind, especially when combined with drei. For details on each FX, please refer to Storybook 👉 Storybook 👈 Click for the demo! 🤩 Hooks Index FXs effects useMotionBlur , useSimpleBlur , useWave interactions useBrush , useFluid , useRipple misc useChromaKey , useBlank noises useColorStrata , useMarble , useNoise utils useAlphaBlending , useBlending , useBrightnessPicker , useCoverTexture , useDuoTone , useFxBlending , useFxTexture , useHSV 3D useMorphParticles , useWobble3D ※ The hook with Texutre calculates the texture resolution and canvas resolution and covers the texture. Misc misc useBeat , useFPSLimiter , usePointer , useDomSyncer Usage From each fxHooks , you can receive [ updateFx , setParams , fxObject ] in array format. HooksProps are objects that are different for each hook and contain values such as size , dpr ... etc. 1. updateFx - Functions to update parameters and render. 2. updateParams - Function to update parameters only. 3. fxObject - An object that holds various FX components, such as scene, camera, mesh, renderTarget, and output (final rendered texture). 4. HooksProps - size , dpr , isSizeUpdate , onBeforeInit and renderTargetOptions ※ isSizeUpdate : Whether to setSize the FBO when updating size or dpr(default : false ). Call updateFx on useFrame . The first argument is","default_branch":null,"files":null,"tree":[],"storefront":"/r/FunTechInc","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/FunTechInc/use-shader-fx/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}