Example: Add 3D LUT Color Grading Postprocessing Pass #20558
Merged
+164,539
−0
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fix #19457.
This PR adds file format loads for CUBE and 3DL 3D Color LUT files (both of which can be exported from photoshop and other applications) as well as LUTPass for postprocessing and an associated example. The loaders generate both 2D and 3D data textures which LUTPass can use which means it supports both WebGL1 and 2.
The LUTs used in the demo are provided free from RocketStock.com which I've added an attribution for at the top of the example.
Here's the example page from this PR:
https://raw.githack.com/gkjohnson/three.js/lut-pass/examples/webgl_postprocessing_3dlut.html
And here's the demo I originally made in another repo that uses a photograph and quite a few other LUTs for demonstration:
https://gkjohnson.github.io/threejs-sandbox/3d-lut/