Apply Fluid Shader FX as reflective plane material about use-shader-fx

[nhtoby311]

A couple things I have found in the meantime:

• In fiber, you can get pointer position on the UV coordinates of the plane with <mesh onPointerMove={e=> //e.uv.x & e.uv.y}. Would be nice if there is an option to update the usePointer inside useFluid with these value!
• I found the part where distort is being handled in <MeshReflectorMaterial/> fragment shader, all I have to do is mix the distortion of u_fx, with distortionMap. Just have to choose a channel for the distortion, like the original version, they use red channel.

float distortionFactor = 0.0;
#ifdef USE_DISTORTION
  float distortionMap = texture2D(distortionMap, vUv).r * distortion;
  float distortionFX = texture2D(u_fx, vUv).r;
  distortionFactor = mix(distortionMap, distortionFX, 0.3);
#endif

• Haven't found anything regards have mouse event enable in case whole scene it rendered as texture with createPortal. Wonder if this even possible? 🤔

I try to create CustomUseFluid.tsx to test the mouse position myself, but the package did not export useMesh and some stuffs, so I can't do anything about it yet.