Scrolltrigger with Threejs

[jbanj]

Hi,

 

How can I animate the exposure of tonemapping in threejs? Scrolltrigger is already installed and I use it to animate geometry. 

 

This is exactly what I want to do- I have "renderer.toneMappingExposure = 0.7" but I would like to change the exposure to a lower number on scroll to 0.2, how do I do this?

 

Thanks.

[OSUblake]

Hey jbanj,

 

I'm not familiar with animating that property, but assuming it will automatically update after you change it, you would just animate the property.

 

gsap.to(renderer, {
  toneMappingExposure: 0.2,
  scrollTrigger: {
    ...
  }
})

 

[jbanj]

Oh wow, thanks @OSUblake it worked!