Method registerOptions

demo/src/demos/ColorGradingDemo.js:319–598

(menu)

	}

	registerOptions(menu) {

		const renderer = this.composer.getRenderer();
		const context = renderer.getContext();
		const capabilities = renderer.capabilities;
		const assets = this.assets;
		const luts = this.luts;

		const brightnessContrastEffect = this.brightnessContrastEffect;
		const colorAverageEffect = this.colorAverageEffect;
		const hueSaturationEffect = this.hueSaturationEffect;
		const sepiaEffect = this.sepiaEffect;
		const lutEffect = this.lutEffect;

		const params = {
			colorAverage: {
				"opacity": colorAverageEffect.blendMode.opacity.value,
				"blend mode": colorAverageEffect.blendMode.blendFunction
			},
			sepia: {
				"opacity": sepiaEffect.blendMode.opacity.value,
				"blend mode": sepiaEffect.blendMode.blendFunction
			},
			brightnessContrast: {
				"brightness": brightnessContrastEffect.uniforms.get("brightness").value,
				"contrast": brightnessContrastEffect.uniforms.get("contrast").value,
				"opacity": brightnessContrastEffect.blendMode.opacity.value,
				"blend mode": brightnessContrastEffect.blendMode.blendFunction
			},
			hueSaturation: {
				"hue": 0.0,
				"saturation": hueSaturationEffect.uniforms.get("saturation").value,
				"opacity": hueSaturationEffect.blendMode.opacity.value,
				"blend mode": hueSaturationEffect.blendMode.blendFunction
			},
			lut: {
				"LUT": lutEffect.getLUT().name,
				"base size": lutEffect.getLUT().image.width,
				"3D texture": true,
				"tetrahedral filter": false,
				"scale up": false,
				"target size": 48,
				"show LUT": false,
				"opacity": lutEffect.blendMode.opacity.value,
				"blend mode": lutEffect.blendMode.blendFunction
			}
		};

		let objectURL = null;

		const img = document.querySelector(".lut");
		img.addEventListener("load", () => URL.revokeObjectURL(objectURL));

		function updateLUTPreview() {

			if(params.lut["show LUT"]) {

				// This is pretty fast.