Three.js - baked map texture: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „Links Blender uv-mapping (mit Three.js workflow Einführung Baked maps sind vorgerenderte Texturen. Sie enthalten quasi alle Lichter und Schatten. Sie w…“) |
|||
| Zeile 13: | Zeile 13: | ||
Fallstricke: | Fallstricke: | ||
| − | * Texture wird falsch gemappt | + | * 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 | ||
Version vom 5. Februar 2022, 11:09 Uhr
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
