나도 공부한다/R3F2 파일 크기가 큰 프로젝트 최적화 (feat. GLTF 파일) 목차구현한 것three.js를 이용한 3D 미로 탈출 게임 문제상황완전히 로딩이 되기 까지 1분이나 걸렸다.gltf 모델을 불러오는것 자체가 오래걸려 네트워크를 열어보니 png 파일 로드가 엄청나게 느렸다. 뒷부분이 잘렸지만 파란색 바가 끝없이 늘어났다...모델 하나 크기도 큰데 모델을 무려 11개나 사용하니 느릴 수 밖에 없었다. 처음에는 다음 블로그처럼 LOD나 merging 방법을 써보려고 했는데 나는 이미 누군가 만들어둔 3D 모델을 갖다 쓰는거라 mesh 속성에 접근할 수 없었다.https://joong-sunny.github.io/graphics/graphics2/ [그래픽스] three.js에서의 다양한 렌더링 최적화 batching과 LOD🚀Introductionjoong-sunny.g.. 2024. 4. 2. R3F 기존의 gltf에 텍스쳐가 제대로 안입혀지는 에러 문제 상황 Three.js 코드를 R3F로 변환하는 중이다. Three.js 코드는 이렇고 import * as THREE from 'three'; import {GLTFLoader} from 'GLTFLoader'; import {OrbitControls} from 'OrbitControls'; // 씬, 오브젝트, 카메라, 렌더러, 빛 const scene=new THREE.Scene(); const camera=new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); const canvas=document.getElementById('webgl'); const renderer=new THREE.WebGLRend.. 2024. 3. 17. 이전 1 다음
