diff --git a/src/app/page.tsx b/src/app/page.tsx index f9b70ea..44150c1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,13 +1,12 @@ 'use client'; +import { OrbitControls } from "@react-three/drei"; import { Canvas, useFrame, useLoader } from "@react-three/fiber"; -import { useEffect, useRef, useState } from "react"; - -import { OrbitControls } from '@react-three/drei'; +import { useRef } from "react"; import * as THREE from 'three'; -function Cube() { +function SealCube() { const meshRef = useRef(null); const texture = useLoader(THREE.TextureLoader, '/img/niko.jpg'); @@ -18,14 +17,6 @@ function Cube() { } }); - useEffect(() => { - if (texture) { - texture.wrapS = THREE.RepeatWrapping; - texture.wrapT = THREE.RepeatWrapping; - texture.repeat.set(1, 1); - } - }, [texture]); - return ( @@ -34,6 +25,7 @@ function Cube() { ) } + export default function Home() { return ( <> @@ -43,20 +35,10 @@ export default function Home() { gl={{ antialias: true }} style={{ width: "100vw", height: "100vh" }}> - - {/* - */} - - - + + );