diff --git a/documentation/.vuepress/public/blender/settings-color-management.webp b/documentation/.vuepress/public/blender/settings-color-management.webp new file mode 100644 index 000000000..3cb381249 Binary files /dev/null and b/documentation/.vuepress/public/blender/settings-color-management.webp differ diff --git a/documentation/blender/index.md b/documentation/blender/index.md index 47f7cc8d6..ea6a4d886 100644 --- a/documentation/blender/index.md +++ b/documentation/blender/index.md @@ -60,6 +60,20 @@ click the blue `Run Project` button to start the local server: 7) Use the `Build: Development` or `Build: Production` buttons when you want to upload your web project to a server. This will bundle your web project and produce the files that you can upload. When clicking `Build: Production` it will also apply optimization to your textures (they will be compressed for the web) 8) Open the documentation + + +## Blender Settings + +### Color Management + +By default the blender viewport is set to `Filmic` - with this setting your colors in Blender and in three.js will not match. +To fix this go to the Blender Render category and in the ColorManagement panel select `View Transform`: `Standard` + +![Correct color management settings](/blender/settings-color-management.webp) + + + + ## Animation 🏇 For simple usecases you can use the Animation component for playback of one or multiple animationclips.