Jump to content

Color Grading and Color Curves in Standard Material


Recommended Posts


Two new features have been added to the standard material (in the 2.5 in progress version):

Color Grading (convert final color to a different one through a lookup table texture):

http://www.babylonjs-playground.com/#17VHYI#2 (you can see the scene going from day to sunset by modifying the LUT texture intensity over time)

Color Curves (famous curves used in image edition tools):

http://www.babylonjs-playground.com/#17VHYI#3 (you can see the impact of Hue modification over time)

For more info, they work as the PBR Material respective features: http://doc.babylonjs.com/overviews/Physically_Based_Rendering_Master#camera-controls-color-grading-and-color-curves


Link to comment
Share on other sites

Nice!  Thanks @Sebavan

A little background for newbies like me:  http://www.fallenempiredigital.com/blog/2012/12/04/luts-part-1-what-is-a-lut/

PBR docs are wonderful, by the way.  PBR Introduction is 404 for some reason, and I get a ReferenceError: iframe is not defined -
 static.js:33:5  ... possibly causing all your eyeball links to fail. 

Litten could become lit.  VS usually has a period after.  Coefficient is missing its 2nd 'i' somewhere.  Minor stuff.  The document is just great.  Man, you are a serious asset to BJS... don't ever leave us, okay?

Link to comment
Share on other sites


This is amazing, thank you for all the work, i will definitely use it.

It would be nice, if i can create nodes and stack "filters".(i'm not sure maybe this already possible)

Davinci Resolve is a common tool for Color Grading in cinema. it would be great if i could run a lut, which was designed to emulate film.
Their also tones of free luts for this program rather than Lightwave.

I found some converter on the web. (Trial version) :)
And Babylonjs accept this file. 

# Resolve Film Look LUT
# Input: Cineon Log
# : floating point data (range 0.0 - 1.0)
# Output: FUJIFILM 3513DI film stock 'look' with D65 White Point
# : floating point data (range 0.0 - 1.0)
# Display: DCI-P3, Gamma 2.6
# Converted by Briz LUT Converter
0 64 128 192 256 320 384 448 512 576 640 704 768 832 896 960 1023
173 158 211
177 154 201
179 155 248
180 164 305
165 136 520

I probably the only one who request this, so thank you very much, to spend any time on this.


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...