Fix Cineon tone mapping

Fixes #655

Author: vanruesc

src/effects/ToneMappingEffect.js

@@ -1,4 +1,4 @@
-import { LinearMipmapLinearFilter, Uniform, WebGLRenderTarget } from "three";
+import { LinearMipmapLinearFilter, REVISION, Uniform, WebGLRenderTarget } from "three";
 import { AdaptiveLuminancePass } from "../passes/AdaptiveLuminancePass.js";
 import { LuminancePass } from "../passes/LuminancePass.js";
 import { BlendFunction } from "../enums/BlendFunction.js";
@@ -120,53 +120,55 @@ export class ToneMappingEffect extends Effect {
 
 	set mode(value) {
 
-		if(this.mode !== value) {
+		if(this.mode === value) {
 
-			this.defines.clear();
-			this.defines.set("TONE_MAPPING_MODE", value.toFixed(0));
+			return;
 
-			// Use one of the built-in tone mapping operators.
-			switch(value) {
+		}
 
-				case ToneMappingMode.LINEAR:
-					this.defines.set("toneMapping(texel)", "LinearToneMapping(texel)");
-					break;
+		const revision = REVISION.replace(/\D+/g, "");
+		const cineonToneMapping = (revision >= 168) ? "CineonToneMapping(texel)" : "OptimizedCineonToneMapping(texel)";
 
-				case ToneMappingMode.REINHARD:
-					this.defines.set("toneMapping(texel)", "ReinhardToneMapping(texel)");
-					break;
+		this.defines.clear();
+		this.defines.set("TONE_MAPPING_MODE", value.toFixed(0));
 
-				case ToneMappingMode.CINEON:
-					this.defines.set("toneMapping(texel)", "CineonToneMapping(texel)");
-					break;
+		// Use one of the built-in tone mapping operators.
+		switch(value) {
 
-				case ToneMappingMode.OPTIMIZED_CINEON:
-					this.defines.set("toneMapping(texel)", "OptimizedCineonToneMapping(texel)");
-					break;
+			case ToneMappingMode.LINEAR:
+				this.defines.set("toneMapping(texel)", "LinearToneMapping(texel)");
+				break;
 
-				case ToneMappingMode.ACES_FILMIC:
-					this.defines.set("toneMapping(texel)", "ACESFilmicToneMapping(texel)");
-					break;
+			case ToneMappingMode.REINHARD:
+				this.defines.set("toneMapping(texel)", "ReinhardToneMapping(texel)");
+				break;
 
-				case ToneMappingMode.AGX:
-					this.defines.set("toneMapping(texel)", "AgXToneMapping(texel)");
-					break;
+			case ToneMappingMode.CINEON:
+			case ToneMappingMode.OPTIMIZED_CINEON:
+				this.defines.set("toneMapping(texel)", cineonToneMapping);
+				break;
 
-				case ToneMappingMode.NEUTRAL:
-					this.defines.set("toneMapping(texel)", "NeutralToneMapping(texel)");
-					break;
+			case ToneMappingMode.ACES_FILMIC:
+				this.defines.set("toneMapping(texel)", "ACESFilmicToneMapping(texel)");
+				break;
 
-				default:
-					this.defines.set("toneMapping(texel)", "texel");
-					break;
+			case ToneMappingMode.AGX:
+				this.defines.set("toneMapping(texel)", "AgXToneMapping(texel)");
+				break;
 
-			}
+			case ToneMappingMode.NEUTRAL:
+				this.defines.set("toneMapping(texel)", "NeutralToneMapping(texel)");
+				break;
 
-			this.adaptiveLuminancePass.enabled = (value === ToneMappingMode.REINHARD2_ADAPTIVE);
-			this.setChanged();
+			default:
+				this.defines.set("toneMapping(texel)", "texel");
+				break;
 
 		}
 
+		this.adaptiveLuminancePass.enabled = (value === ToneMappingMode.REINHARD2_ADAPTIVE);
+		this.setChanged();
+
 	}
 
 	/**

src/enums/ToneMappingMode.js

@@ -21,8 +21,8 @@ export const ToneMappingMode = {
 	REINHARD2_ADAPTIVE: 3,
 	UNCHARTED2: 4,
 	OPTIMIZED_CINEON: 5,
-	CINEON: 6,
-	ACES_FILMIC: 7,
-	AGX: 8,
-	NEUTRAL: 9
+	CINEON: 5,
+	ACES_FILMIC: 6,
+	AGX: 7,
+	NEUTRAL: 8
 };