웹재질수정 (1) 썸네일형 리스트형 Three.js Developer Tools (Three.js로 제작된 웹 3D 물체의 재질을 쉽게 변경해보고 확인할 수 있는 크롬 확장 프로그램) Three.js 를 사용하여 3D 모델이 올라간 웹페이지를 제작 하고 있는데요. 이때 정말 유용하게 사용되는 크롬 확장 프로그램을 소개 합니다. Three.js Developer Tool 인데요. 이 확장 프로그램을 알기 전과 후 작업 방식이 완전히 달라집니다. 3D 모델을 웹에 올리기 전 다양한 환경을 적용하는데, 그것을 3D 제작 툴에 똑같이 적용하기가 어렵습니다. 3D 모델에 재질을 입히고, 그것을 glb, gltf 파일로 추출해서 웹에 올리는 작업을 진행하는데요. 모델링 툴에 적용된 환경맵, 조명 등에 차이가 있다면 웹상에 올린 모델이 다르게 보입니다. 모델링 툴에서 웹과 가장 유사한 환경을 적용하고, 실시간 렌더링을 하면서 눈으로 확인하고, 최대한 근사치 값을 적용한 후 gltf 추출, 웹에 적.. 이전 1 다음
