feat(Texture): support opacity (#271)

Author: vegancat

src/effects/Texture.tsx

@@ -5,10 +5,12 @@ import { TextureLoader, RepeatWrapping } from 'three'
 
 type TextureProps = ConstructorParameters<typeof TextureEffect>[0] & {
   textureSrc: string
+  /** opacity of provided texture */
+  opacity?: number
 }
 
 export const Texture = forwardRef<TextureEffect, TextureProps>(function Texture(
-  { textureSrc, texture, ...props }: TextureProps,
+  { textureSrc, texture, opacity = 1, ...props }: TextureProps,
   ref: Ref<TextureEffect>
 ) {
   const t = useLoader(TextureLoader, textureSrc)
@@ -20,5 +22,5 @@ export const Texture = forwardRef<TextureEffect, TextureProps>(function Texture(
     t.wrapS = t.wrapT = RepeatWrapping
   }, [t])
   const effect = useMemo(() => new TextureEffect({ ...props, texture: t || texture }), [props, t, texture])
-  return <primitive ref={ref} object={effect} dispose={null} />
+  return <primitive ref={ref} object={effect} blendMode-opacity-value={opacity} dispose={null} />
 })