defaultでdprを要求

Author: takuma-hmng8

.storybook/stories/UseDuoTone.tsx

@@ -32,7 +32,7 @@ export const UseDuoTone = (args: DuoToneParams) => {
    const size = useThree((state) => state.size);
    const dpr = useThree((state) => state.viewport.dpr);
    const [updateTransitionBg] = useTransitionBg({ size, dpr });
-   const [updateDuoTone] = useDuoTone({ size });
+   const [updateDuoTone] = useDuoTone({ size, dpr });
 
    useFrame((props) => {
       const bgTexture = updateTransitionBg(props, {

.storybook/stories/UseFogProjection.tsx

@@ -44,7 +44,7 @@ export const UseFogProjection = (args: FogProjectionParams) => {
    const dpr = useThree((state) => state.viewport.dpr);
    const [updateTransitionBg] = useTransitionBg({ size, dpr });
    const [updateNoise] = useNoise({ size, dpr });
-   const [updateFogProjection] = useFogProjection({ size });
+   const [updateFogProjection] = useFogProjection({ size, dpr });
 
    useFrame((props) => {
       const bgTexture = updateTransitionBg(props, {

app/ShaderFx.tsx

@@ -16,7 +16,7 @@ export const ShaderFx = () => {
             factor={1}
             onChange={({ factor }) => {
                console.log(`dpr:${dpr}`);
-               setDpr(Math.round((0.5 + 1.5 * factor) * 10) / 10);
+               setDpr(Math.round((0.2 + 1.3 * factor) * 10) / 10);
             }}>
             <Suspense fallback={null}>
                {/* When creating fx, please rewrite to CreateShaderFx */}

app/_demo/index.tsx

@@ -36,7 +36,7 @@ export const Demo = () => {
    });
 
    const [updateTransitionBg] = useTransitionBg({ size, dpr });
-   const [updateFogProjection] = useFogProjection({ size });
+   const [updateFogProjection] = useFogProjection({ size, dpr });
 
    usePerformanceMonitor({
       onChange({ factor }) {