Commit 815893b

authored

Merge pull request #1 from takuma-hmng8/react-dev

resize対応

2 parents dc45837 + 3f35ce3 commit 815893bCopy full SHA for 815893b

File tree

+30

-3

lines changed

+30

-3

lines changed

Lines changed: 2 additions & 1 deletion

Lines changed: 17 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,14 +1,15 @@`
`1`	`1`	`import * as THREE from "three";`
`2`	`2`	`import { Canvas, useFrame, ThreeElements, useLoader } from "@react-three/fiber";`
	`3`	`+import { useWindowResizeObserver } from "@funtech-inc/spice";`
`3`	`4`	`import vertexShader from "./shader/main.vert";`
`4`	`5`	`import fragmentSahder from "./shader/main.frag";`
`5`	`6`	`import { memo, useEffect, useMemo, useRef } from "react";`
`6`	`7`	`import { GUIController } from "./gui";`
`7`	`8`
`8`	`9`	`//背景テクスチャーのアスペクト比`
`9`	`10`	`const TEXTURE_RATIO = {`
`10`		`- x: 492,`
`11`		`- y: 390,`
	`11`	`+ x: 512,`
	`12`	`+ y: 512,`
`12`	`13`	`};`
`13`	`14`
`14`	`15`	`//GUIで操作するために関数外に出してる`
`@@ -43,6 +44,20 @@ export const Distortion = () => {`
`43`	`44`	`}`
`44`	`45`	`});`
`45`	`46`
	`47`	`+ //window resize`
	`48`	`+ useWindowResizeObserver({`
	`49`	`+ callback: ({ winW, winH }) => {`
	`50`	`+ if (ref.current?.uniforms) {`
	`51`	`+ ref.current.uniforms.u_resolution.value = new THREE.Vector2(`
	`52`	`+ winW,`
	`53`	`+ winH`
	`54`	`+ );`
	`55`	`+ }`
	`56`	`+ },`
	`57`	`+ debounce: 50,`
	`58`	`+ dependencies: [],`
	`59`	`+ });`
	`60`	`+`
`46`	`61`	`return (`
`47`	`62`	`<mesh>`
`48`	`63`	`<planeGeometry args={[2, 2]} />`

Lines changed: 10 additions & 0 deletions

Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Lines changed: 1 addition & 0 deletions

Comments

(0)