Babylon.js의 PBRMERMaterial 소개 및 Starterial 변환α】

개시하다

Babylon.js는 브라우저에서 실시간으로 실행되는 3D 렌더링 프레임 중 하나입니다.OSS이기 때문에 누구나 무료로 이용할 수 있다.
이 글은 Mastering PBR Materials, Babylon을 참고했다.이것은 js에서 PBR Material의 보도를 파악하고자 하는 것이다.이것은 전반부의 설명이다.

개요

https://zenn.dev/iwaken71/articles/babylonjs-pbr
라고 기사를 소개했다.
PBR Material의 Starter Edition입니다.

PBRMetallicRoughnessMaterial

PBRSpecularGlossinessMaterial

PBR 시작 시 가장 적합하지만 세부적인 제어는 불가능합니다.
PBRMaterial 자체를 활용해 세부적으로 제어할 수 있다.
다음 기능을 사용합니다.

굴절률(Refraction)

표준광의 감쇠(Standard Light Falloff)

라이트맵(Light Map)

전용 이미지 처리(Dedicated image processing)

예를 들어 PBRMaterial을 활용하면 이런 데모 씬을 만들 수 있다.
https://www.babylonjs.com/demos/pbrrough/
이 기사에서는 PBRMaterial 호스트와 Starterial 호스트의 차이점을 설명합니다.

MetallicRoughness에서 PBRRMaterial로

Metallic/Roughness 모드에서 PBRMaterial을 설정하려면 다음 속성 중 하나 이상을 설정해야 합니다.

metallic

roughness

metallicTexture

P B R MetallicRoughness Material에서 큰 PBRMaterial로 전환하려면 일부 속성의 이름을 변경해야 합니다.
PBRMetallicRoughnessMaterial
PBRMaterial
baseColor
albedoColor
baseTexture
albedoTexture
metallicRoughnessTexture
metallicTexture
environmentTexture
reflectionTexture
normalTexture
bumpTexture
occlusionTexture
ambientTexture
occlusionTextureStrength
ambientTextureStrength
또한 Metallic와roughness가 사용하는 채널을 맞춤형으로 제작하기 위해 간단한 소재를 설정하기 위해서는 다음과 같은 flag를 설정해야 한다.

pbr.useRoughnessFromMetallicTextureAlpha = false;
pbr.useRoughnessFromMetallicTextureGreen = true;
pbr.useMetallnessFromMetallicTextureBlue = true;

이렇게 PBR로 Metallic Surfaces를 맞춤형으로 제작한 코드 샘플은여기.이다.

여기까지는 메탈릭 루저니스에서 PBRMaterial로 바뀐 지식이다.다음은 사용 가능한 사용자 정의 옵션을 살펴보겠습니다.
속성 이름
설명
useRoughnessFromMetallicTextureAlpha
금속 무늬의 알파 채널에 거친 정보를 포함할 수 있다
useMetallnessFromMetallicTextureBlue
금속 텍스처의 Blue 채널에는 금속 정보가 포함될 수 있습니다(기본값은 Red 채널).
useAmbientOcclusionFromMetallicTextureRed
금속 무늬의 레드 채널에 복합 해바라기 정보를 포함할 수 있다
useAmbientInGrayScale
ambient texture 또는 metallic texture의 Red 채널에서 ambient occlussion을 강제로 읽을 수 있음

SpecularGlossiness에서 PBRRMaterial로

Specular/Glossiness 모드의 PBRMaterial 설정은 아까와 다른 설정이 필요합니다.
다음 속성은 NULL 또는 undefined이어야 합니다.

metallic

roughness

metallicTexture

PB R S pecular Glossiness Material에서 레이아웃의 PBRR Material로 전환하려면 몇 가지 속성의 이름을 변경해야 합니다.
PBRSpecularGlossinessMaterial
PBRMaterial
diffuseColor
albedoColor
diffuseTexture
albedoTexture
specularGlossinessTexture
reflectivityTexture
specularColor
reflectivityColor
glossiness
microSurface
normalTexture
bumpTexture
occlusionTexture
ambientTexture
occlusionTextureStrength
ambientTextureStrength
glossiness에 사용할 채널을 사용자 정의하기 위해서 간단한 Material을 설정하기 위해 아래 로고를 추가해야 합니다.

pbr.useMicroSurfaceFromReflectivityMapAlpha = false;

샘플 코드는여기.

변형이 완료되면 사용 가능한 사용자 정의 옵션을 볼 수 있습니다.
속성 이름
설명
microSurfaceTexture
separate texture의 R 채널에서glassiness의 값을 저장할 수 있습니다
useAlphaFromAlbedoTexture
opacity 정보를albedo texture의 알파 채널에 포함할 수 있습니다
useMicroSurfaceFromReflectivityMapAlpha
the microSurface 또는 glossiness 정보를 reflectivity texture의 알파 채널에 포함할 수 있습니다
useAmbientInGrayScale
ambient texture 또는 metallic texture의 Red 채널에서 ambient occlussion을 강제로 읽을 수 있음

최후

여기까지가 간단한 머티리얼즈에서 PBR머티리얼즈로 바뀐 말이다.
문서의 뒷면에는 각 항목의 설정 사항 등이 소개되어 있다.이 계획에 관하여 부기한 일 중에서 소개하다.