Three.js - baked map texture

Links

Blender uv-mapping (mit Three.js workflow

Einführung

Baked maps sind vorgerenderte Texturen. Sie enthalten quasi alle Lichter und Schatten. Sie werden im 3D Programm erstellt und können dann in Blender als Textur geladen werden. Wie man die Textur erstellt findest du unter Blender uv-mapping.

So wird eine Map eingebunden:

Fallstricke:

• Texture wird falsch gemappt flipY

const bakedTexture = textureLoader.load('baked.jpg')
bakedTexture.flipY = false

• ColorSpace falsch Farbe nicht so gut wie im original Render Texture und Renderer muss eingestellt werden (z.b. auf sRGB)

bakedTexture.encoding = THREE.sRGBEncoding
//...
renderer.outputEncoding = THREE.sRGBEncoding