BMP 텍스처 로더 수정

BMP 텍스처를 사용하는 모델을 로딩할 때 문제가 발생하면 이 문서를 참조하여 문제를 해결할 수 있습니다.

문제 진단

잘못 로드된 BMP 텍스처 예시 MMD 학교 강당 스테이지 모델에서 잘못 로드된 텍스처 예시

BMP 텍스처를 사용하는 모델을 로딩할 때, 알파 채널이 있는 BMP 파일이 제대로 표시되지 않는 경우가 있습니다.

이 문제는 브라우저와 MMD가 BMP 텍스처 파일을 읽는 방식의 차이 때문에 발생합니다. (Babylon.js는 브라우저의 BMP 텍스처 로딩 구현을 사용합니다.)

문제는 텍스처에 알파 채널이 있더라도 브라우저가 알파 채널을 무시하고 RGB 채널만 읽는다는 것입니다. 이로 인해 알파 채널 손실이 발생합니다.

babylon-mmd는 BMP 텍스처를 올바르게 로드하기 위해 추가 처리를 수행하는 BMP 텍스처 로더를 제공합니다.

이를 사용하려면 Babylon.js 텍스처 로더 글로벌 상태에 babylon-mmd의 BMP 텍스처 로더를 등록해야 합니다.

import { RegisterDxBmpTextureLoader } from "babylon-mmd/esm/Loader/registerDxBmpTextureLoader";

RegisterDxBmpTextureLoader();

RegisterDxBmpTextureLoader 함수는 babylon-mmd의 BMP 텍스처 로더를 Babylon.js의 텍스처 로더에 등록합니다. 이 함수는 첫 번째 호출에만 영향을 미칩니다.

정보

루트 babylon-mmd 엔트리 포인트는 편의용 사이드 이펙트의 일부로 이 함수를 호출합니다. 예를 들어 import { MmdRuntime } from "babylon-mmd";를 사용하면 자동으로 등록됩니다.

개별 전체 모듈 경로를 사용하는 경우에는 알파 채널이 있는 BMP 텍스처를 지원하려면 RegisterDxBmpTextureLoader()를 명시적으로 호출하세요.

올바르게 로드된 BMP 텍스처 예시 MMD 학교 강당 스테이지 모델에서 올바르게 로드된 텍스처 예시