Merge pull request #75 from FunTechInc/mergeCosPallet

merge useCosPallette

Author: takuma-hmng8

.storybook/stories/UseCosPalette.tsx

@@ -2,14 +2,16 @@ import * as React from "react";
 import * as THREE from "three";
 import { useFrame, extend, useThree, useLoader } from "@react-three/fiber";
 import { FxMaterial, FxMaterialProps } from "../../utils/fxMaterial";
-import { CONSTANT } from "../constant";
 import GUI from "lil-gui";
 import { useGUI } from "../../utils/useGUI";
-import { useCosPalette, useFxTexture } from "../../packages/use-shader-fx/src";
+import {
+   useCosPalette,
+   useCoverTexture,
+} from "../../packages/use-shader-fx/src";
 import {
    CosPaletteParams,
    COSPALETTE_PARAMS,
-} from "../../packages/use-shader-fx/src/hooks/useCosPalette";
+} from "../../packages/use-shader-fx/src/fxs/noises/useCosPalette";
 
 extend({ FxMaterial });
 
@@ -29,7 +31,6 @@ const setConfig = () => {
    } as CosPaletteParams;
 };
 
-
 export const UseCosPalette = (args: CosPaletteParams) => {
    const updateGUI = useGUI(setGUI);
    const [bg] = useLoader(THREE.TextureLoader, ["momo.jpg"]);
@@ -39,15 +40,14 @@ export const UseCosPalette = (args: CosPaletteParams) => {
       return { size: state.size, dpr: state.viewport.dpr };
    });
    const [updateCosPalette] = useCosPalette({ size, dpr });
-   const [updateFxTexture, setFxTexture] = useFxTexture({ size, dpr });
+   const [updateCover, setCover] = useCoverTexture({ size, dpr });
 
-   setFxTexture({ 
-      textureResolution: CONSTANT.textureResolution,
-      texture0: bg,
+   setCover({
+      texture: bg,
    });
 
    useFrame((props) => {
-      const tex = updateFxTexture(props);
+      const tex = updateCover(props);
       const fx = updateCosPalette(props, {
          ...setConfig(),
          texture: tex,

.storybook/stories/useCosPalette.stories.tsx

@@ -5,12 +5,12 @@ import { Setup } from "../utils/Setup";
 import type { Meta } from "@storybook/react";
 import { UseCosPalette } from "./UseCosPalette";
 import {
-   COSPALETTE_PARAMS,
    CosPaletteParams,
-} from "../../packages/use-shader-fx/src/hooks/useCosPalette";
+   COSPALETTE_PARAMS,
+} from "../../packages/use-shader-fx/src/fxs/noises/useCosPalette";
 
 const meta = {
-   title: "useCosPalette",
+   title: "noises/useCosPalette",
    component: UseCosPalette,
    tags: ["autodocs"],
    decorators: [(storyFn: any) => <Setup>{storyFn()}</Setup>],