rayzee 8.4.1 → 8.6.0

package/src/Color/ViewTransforms.js

@@ -0,0 +1,323 @@
+/**
+ * The live list of view transforms, and the shader generated from it.
+ *
+ * A view transform has to exist in four places at once: the TSL graph that paints the canvas, the
+ * WGSL compute pass that packs a frame for readback, the JavaScript that OIDN and the upscaler go
+ * through, and the menu a host builds. Keeping four hand-written lists in step is how a saved
+ * image ends up different from the viewport, so there is one list and the other three are derived
+ * from it.
+ *
+ * Adding an OCIO view at runtime therefore reaches every consumer, including ones compiled before
+ * the config was loaded — `getRegistryVersion()` moves and the shader is rebuilt.
+ *
+ * ## The two kinds of output
+ *
+ * A built-in curve returns **linear** colour; the renderer's output pass and the readback both
+ * apply the sRGB transfer afterwards. An OCIO view returns colour already encoded for its display
+ * — sRGB, Rec.1886, or PQ — and applying a transfer on top of that would encode it twice.
+ * `outputEncoded` is what tells each consumer which it is holding.
+ */
+
+import { NoToneMapping } from 'three';
+import { BUILTIN_VIEWS } from './BuiltinViews.js';
+
+/** First id an OCIO-derived view gets. Clear of three.js's own constants and room to grow. */
+export const OCIO_VIEW_BASE = 200;
+
+/**
+ * How many table-backed transforms may be registered at once.
+ *
+ * The readback binds every table in one shader and WebGPU only guarantees 16 sampled textures per
+ * stage. Without a cap the failure is a shader that will not compile, at the moment someone bakes
+ * one view too many — long after the mistake.
+ */
+export const MAX_TABLE_TRANSFORMS = 12;
+
+const transforms = [ ...BUILTIN_VIEWS ];
+const byId = new Map( transforms.map( t => [ t.id, t ] ) );
+
+let version = 1;
+const listeners = new Set();
+
+function announce() {
+
+	version ++;
+	for ( const fn of listeners ) fn();
+
+}
+
+/** Every registered transform, keyed by id. Read-only in spirit — mutate through the functions. */
+export const VIEW_TRANSFORMS = byId;
+
+/** Bumped whenever the list changes, so a compiled shader knows it is stale. */
+export function getRegistryVersion() {
+
+	return version;
+
+}
+
+/** @returns {function(): void} unsubscribe */
+export function onRegistryChange( listener ) {
+
+	listeners.add( listener );
+	return () => listeners.delete( listener );
+
+}
+
+export function getViewTransform( id ) {
+
+	return byId.get( id ) ?? null;
+
+}
+
+/** What a host menu should show, in registration order. */
+export function listViewTransforms() {
+
+	return transforms.map( t => ( {
+		id: t.id,
+		name: t.name,
+		source: t.source,
+		display: t.ocio?.display ?? null,
+		view: t.ocio?.view ?? null,
+		look: t.ocio?.look ?? null,
+	} ) );
+
+}
+
+/** How many registered transforms need a texture binding. */
+export function countTableTransforms() {
+
+	return transforms.filter( t => t.table ).length;
+
+}
+
+/** The lowest unused OCIO id. */
+export function nextOcioId() {
+
+	let id = OCIO_VIEW_BASE;
+	while ( byId.has( id ) ) id ++;
+	return id;
+
+}
+
+/**
+ * Register a transform, replacing any with the same id.
+ *
+ * @param {Object} t - needs at least `id`, `name`, `wgslConst`, `cpu`
+ */
+export function addViewTransform( t ) {
+
+	if ( typeof t?.id !== 'number' ) throw new Error( 'view transform needs a numeric id' );
+	if ( typeof t.cpu !== 'function' ) throw new Error( `view transform ${t.id} needs a cpu function` );
+	if ( ! t.name ) throw new Error( `view transform ${t.id} needs a name` );
+	if ( ! /^TM_[A-Z0-9_]+$/.test( t.wgslConst ?? '' ) ) {
+
+		throw new Error( `view transform ${t.id} needs a wgslConst like TM_SOMETHING` );
+
+	}
+
+	const existing = byId.get( t.id );
+	if ( ! existing && t.table && countTableTransforms() >= MAX_TABLE_TRANSFORMS ) {
+
+		throw new Error(
+			`cannot register "${t.name}": ${MAX_TABLE_TRANSFORMS} table-backed view transforms already ` +
+			'registered, and WebGPU only guarantees 16 sampled textures per stage. Remove one first.'
+		);
+
+	}
+
+	const entry = { source: 'custom', outputEncoded: false, appliesExposure: true, ...t };
+
+	if ( existing ) {
+
+		transforms[ transforms.indexOf( existing ) ] = entry;
+
+	} else {
+
+		transforms.push( entry );
+
+	}
+
+	byId.set( entry.id, entry );
+	announce();
+	return entry;
+
+}
+
+/** @returns {boolean} whether anything was removed */
+export function removeViewTransform( id ) {
+
+	const existing = byId.get( id );
+	if ( ! existing ) return false;
+
+	transforms.splice( transforms.indexOf( existing ), 1 );
+	byId.delete( id );
+	announce();
+	return true;
+
+}
+
+/** Drop every transform that came from a config, leaving the built-ins and the ids in `keep`. */
+export function removeOcioViewTransforms( keep = null ) {
+
+	const doomed = transforms.filter( t => t.source === 'ocio' && ! keep?.has( t.id ) ).map( t => t.id );
+	if ( doomed.length === 0 ) return 0;
+
+	for ( const id of doomed ) {
+
+		const t = byId.get( id );
+		transforms.splice( transforms.indexOf( t ), 1 );
+		byId.delete( id );
+
+	}
+
+	announce();
+	return doomed.length;
+
+}
+
+/**
+ * Hand every transform that has a TSL node to the renderer, so `renderer.toneMapping = id`
+ * works on the live canvas. Built-ins are already there — three.js registers its own.
+ */
+export function registerWithRenderer( renderer ) {
+
+	const library = renderer?.library;
+	if ( ! library?.addToneMapping ) return 0;
+
+	let count = 0;
+	for ( const t of transforms ) {
+
+		if ( ! t.tsl ) continue;
+
+		// ⚠️ `addToneMapping` refuses to redefine an id — it warns and returns without replacing.
+		// A rebaked view keeps its id, so without dropping the old entry first the canvas would go
+		// on running the previous table while the readback used the new one. Two images, one
+		// setting, no error.
+		library.toneMappingNodes?.delete( t.id );
+		library.addToneMapping( t.tsl, t.id );
+		count ++;
+
+	}
+
+	return count;
+
+}
+
+/**
+ * The WGSL for every registered transform, plus the bindings its tables need.
+ *
+ * @param {Object} [options]
+ * @param {number} [options.group=0] - bind group the caller owns
+ * @param {number} [options.firstBinding=3] - first binding index free in that group
+ * @returns {{ wgsl: string, bindings: Array<{ index: number, transform: Object }> }}
+ */
+export function buildToneMapWGSL( { group = 0, firstBinding = 3 } = {} ) {
+
+	const bindings = [];
+	let next = firstBinding;
+
+	const declarations = [];
+	const bodies = [];
+
+	for ( const t of transforms ) {
+
+		if ( t.table ) {
+
+			const texName = `${t.wgslConst.toLowerCase()}_tex`;
+			declarations.push( `@group(${group}) @binding(${next}) var ${texName}: texture_3d<f32>;` );
+			bindings.push( { index: next, transform: t, texName } );
+			next += 1;
+
+		}
+
+		if ( t.wgsl ) bodies.push( t.wgsl );
+
+	}
+
+	const constants = transforms.map( t => `const ${t.wgslConst}: u32 = ${t.id}u;` ).join( '\n' );
+
+	const branches = transforms
+		.filter( t => t.call )
+		.map( t => `\tif ( mode == ${t.wgslConst} ) { return ${t.call}; }` )
+		.join( '\n' );
+
+	// Generated rather than hardcoded: a transform that returns display-encoded colour must not
+	// have the sRGB transfer applied on top of it.
+	const encodedIds = transforms.filter( t => t.outputEncoded ).map( t => t.wgslConst );
+	const encodedTest = encodedIds.length
+		? encodedIds.map( c => `mode == ${c}` ).join( ' || ' )
+		: 'false';
+
+	const noExposureIds = transforms.filter( t => ! t.appliesExposure ).map( t => t.wgslConst );
+	const noExposureTest = noExposureIds.length
+		? noExposureIds.map( c => `mode == ${c}` ).join( ' || ' )
+		: 'false';
+
+	const wgsl = /* wgsl */ `
+${constants}
+
+${declarations.join( '\n' )}
+
+${bodies.join( '\n' )}
+
+// Three.js clamps the fragment output with max(0) before tone mapping, so the curves never see a
+// negative channel. The saturation grade drives channels below zero on much of a typical frame,
+// and AgX/Neutral mix negatives across channels instead of clipping them.
+fn rayzee_tone_curve( color: vec3<f32>, mode: u32 ) -> vec3<f32> {
+	let c = max( color, vec3<f32>( 0.0 ) );
+${branches}
+	return clamp( c, vec3<f32>( 0.0 ), vec3<f32>( 1.0 ) );
+}
+
+/** True when the curve already returned display-encoded colour. */
+fn rayzee_output_encoded( mode: u32 ) -> bool {
+	return ${encodedTest};
+}
+
+fn rayzee_tone_map( linearRGB: vec3<f32>, mode: u32, exposure: f32, saturation: f32 ) -> vec3<f32> {
+	// Three.js returns early for NoToneMapping without applying exposure, so a readback that
+	// applied it would paint brighter than the viewport it replaces.
+	var c = linearRGB * select( exposure, 1.0, ${noExposureTest} );
+	if ( saturation != 1.0 ) {
+		let luma = vec3<f32>( dot( c, vec3<f32>( 0.2126, 0.7152, 0.0722 ) ) );
+		c = luma + ( c - luma ) * saturation;
+	}
+	return rayzee_tone_curve( c, mode );
+}
+
+fn rayzee_linear_to_srgb( c: vec3<f32> ) -> vec3<f32> {
+	return select(
+		1.055 * pow( max( c, vec3<f32>( 0.0 ) ), vec3<f32>( 1.0 / 2.4 ) ) - vec3<f32>( 0.055 ),
+		12.92 * c,
+		c <= vec3<f32>( 0.0031308 ) );
+}
+
+/** The transfer step, skipped for a curve that already encoded its own output. */
+fn rayzee_encode( mapped: vec3<f32>, mode: u32 ) -> vec3<f32> {
+	if ( rayzee_output_encoded( mode ) ) { return clamp( mapped, vec3<f32>( 0.0 ), vec3<f32>( 1.0 ) ); }
+	return rayzee_linear_to_srgb( mapped );
+}
+
+fn rayzee_to_u8( srgb: vec3<f32> ) -> vec3<u32> {
+	return vec3<u32>( clamp( round( srgb * 255.0 + vec3<f32>( 0.5 ) ), vec3<f32>( 0.0 ), vec3<f32>( 255.0 ) ) );
+}
+`;
+
+	return { wgsl, bindings };
+
+}
+
+/** Put the registry back to the seven built-ins. Tests and config unload use this. */
+export function resetViewTransforms() {
+
+	transforms.length = 0;
+	transforms.push( ...BUILTIN_VIEWS );
+	byId.clear();
+	for ( const t of transforms ) byId.set( t.id, t );
+	announce();
+
+}
+
+/** The id to fall back to when a chosen one disappears. */
+export const FALLBACK_VIEW = NoToneMapping;

package/src/Color/WorkingMatrix.js

@@ -0,0 +1,86 @@
+/**
+ * The primaries change from the engine's native linear Rec.709 into the adopted working space.
+ *
+ * A leaf module with no imports at all, deliberately. The two hottest consumers — the material
+ * buffer and the light serializer — sit far from colour management and are exercised by tests that
+ * mock three.js; pulling `ColorManagement` into them would drag the whole OCIO stack, and three.js
+ * with it, into places that have no business knowing either exists.
+ *
+ * Null means "not colour-managed", which is also the identity, so every consumer's fast path is a
+ * single null check.
+ */
+
+let matrix = null;
+let spaceName = null;
+
+/**
+ * @param {?number[]} m - row-major 3×3, or null for no conversion
+ * @param {?string} [name] - the working space it converts into, for logging
+ */
+export function setWorkingMatrix( m, name = null ) {
+
+	matrix = m;
+	spaceName = m ? name : null;
+
+}
+
+export function getWorkingMatrix() {
+
+	return matrix;
+
+}
+
+export function getWorkingMatrixSpace() {
+
+	return spaceName;
+
+}
+
+/**
+ * Convert one linear RGB triple in place.
+ * @param {Float32Array|number[]} rgb - read and written at [0..2]
+ * @returns {boolean} whether anything changed
+ */
+export function convertLinearTriple( rgb ) {
+
+	if ( ! matrix ) return false;
+
+	const r = rgb[ 0 ], g = rgb[ 1 ], b = rgb[ 2 ];
+	rgb[ 0 ] = matrix[ 0 ] * r + matrix[ 1 ] * g + matrix[ 2 ] * b;
+	rgb[ 1 ] = matrix[ 3 ] * r + matrix[ 4 ] * g + matrix[ 5 ] * b;
+	rgb[ 2 ] = matrix[ 6 ] * r + matrix[ 7 ] * g + matrix[ 8 ] * b;
+	return true;
+
+}
+
+/**
+ * Convert interleaved linear triples inside a larger buffer.
+ *
+ * @param {Float32Array} data
+ * @param {number} stride - floats between one record and the next
+ * @param {number[]} offsets - where each triple starts within one stride
+ * @returns {number} how many triples were converted
+ */
+export function convertLinearTriples( data, stride, offsets ) {
+
+	if ( ! matrix || offsets.length === 0 ) return 0;
+
+	let count = 0;
+	for ( let base = 0; base + stride <= data.length; base += stride ) {
+
+		for ( const off of offsets ) {
+
+			const i = base + off;
+			const r = data[ i ], g = data[ i + 1 ], b = data[ i + 2 ];
+			data[ i ] = matrix[ 0 ] * r + matrix[ 1 ] * g + matrix[ 2 ] * b;
+			data[ i + 1 ] = matrix[ 3 ] * r + matrix[ 4 ] * g + matrix[ 5 ] * b;
+			data[ i + 2 ] = matrix[ 6 ] * r + matrix[ 7 ] * g + matrix[ 8 ] * b;
+			count ++;
+
+		}
+
+	}
+
+	return count;
+
+}

package/src/EngineDefaults.js

@@ -10,11 +10,13 @@
  */
 export const RENDER_PROFILES = Object.freeze( {
 	viewer: Object.freeze( {
-		environmentRotation: 270.0, // degrees
-		toneMapping: 4, // ACESFilmicToneMapping
-		saturation: 1.2, // compensates for ACES desaturation — see Compositor
+		areaLightIntensityScale: 0.1, // scales glTF placeholder area-light power (viewer tuning)
+		environmentRotation: 0.0, // degrees — the HDRI as authored, as Blender shows it
+		toneMapping: 6, // AgXToneMapping
+		saturation: 1.0, // no grade
 	} ),
 	physical: Object.freeze( {
+		areaLightIntensityScale: 1.0,
 		environmentRotation: 0.0,
 		// AgX, matching Blender/Cycles' default view transform. ACES crushes shadows on this
 		// engine's own corpus (shade 1.48 vs AgX 3.01 from identical radiance).
@@ -25,7 +27,7 @@ export const RENDER_PROFILES = Object.freeze( {
 
 /**
  * @param {string} [name] - a RENDER_PROFILES key
- * @returns {{environmentRotation: number, toneMapping: number, saturation: number}}
+ * @returns {{areaLightIntensityScale: number, environmentRotation: number}}
  * @throws {Error} on an unknown name — a typo must not silently select viewer tuning
  */
 export function getRenderProfile( name = 'viewer' ) {
@@ -156,6 +158,9 @@ export const ENGINE_DEFAULTS = {
 	emissiveBoost: 1.0,
 
 	fireflyThreshold: 3.0,
+	// Cycles' Shadow Terminator → Geometry Offset, and its default: light shadow rays leave a
+	// smooth-shaded triangle from the smooth surface near the terminator. 0 disables.
+	shadowTerminatorOffset: 0.1,
 	// Wavefront material-coherence sort: global counting-sort of entering rays by material before
 	// Shade (material-pure workgroups), under dynamic dispatch. Measured −8% at 1024²/8b. Gated on
 	// material count > 8; the histogram bin count is sized per-scene to the material count.
@@ -208,6 +213,8 @@ export const ENGINE_DEFAULTS = {
 	bloomRadius: 0.15,
 	bloomThreshold: 0.85,
 	interactionModeEnabled: true,
+	// Per-axis render scale while the camera moves (0.5 = a quarter of the pixels); 1 turns it off.
+	interactionRenderScale: 0.5,
 	debugVisScale: 100,
 
 	// Denoising strategy
@@ -746,6 +753,55 @@ export const MATERIAL_DATA_LAYOUT = {
 // collapses both spellings to 0 so no shader divides by Inf.
 export const normalizeAttenuationDistance = d => ( Number.isFinite( d ) && d > 0 ? d : 0 );
 
+// The only fallback for a property a three.js material doesn't carry: MeshPhysicalMaterial's own
+// default (glTF with the extension absent), or the value that turns an engine-only feature off.
+export const MATERIAL_DEFAULTS = deepFreeze( {
+	color: [ 1, 1, 1 ],
+	emissive: [ 0, 0, 0 ],
+	emissiveIntensity: 1,
+	roughness: 1,
+	metalness: 0,
+	ior: 1.5,
+	opacity: 1,
+	transmission: 0,
+	thickness: 0,
+	attenuationColor: [ 1, 1, 1 ],
+	attenuationDistance: Infinity,
+	dispersion: 0,
+	sheen: 0,
+	sheenRoughness: 1,
+	sheenColor: [ 0, 0, 0 ],
+	specularIntensity: 1,
+	specularColor: [ 1, 1, 1 ],
+	clearcoat: 0,
+	clearcoatRoughness: 0,
+	iridescence: 0,
+	iridescenceIOR: 1.3,
+	iridescenceThicknessRange: [ 100, 400 ],
+	normalScale: [ 1, 1 ],
+	bumpScale: 1,
+	displacementScale: 1,
+	transparent: 0,
+	alphaTest: 0,
+	alphaMode: 0,
+	side: 0,
+	depthWrite: 1,
+	subsurface: 0,
+	subsurfaceColor: [ 1, 1, 1 ],
+	subsurfaceRadius: [ 1, 0.2, 0.1 ],
+	subsurfaceRadiusScale: 1,
+	subsurfaceAnisotropy: 0,
+	anisotropy: 0,
+	anisotropyRotation: 0,
+} );
+
+function deepFreeze( object ) {
+
+	for ( const value of Object.values( object ) ) if ( typeof value === 'object' ) Object.freeze( value );
+	return Object.freeze( object );
+
+}
+
 // BVH node leaf markers
 /**
  * Node tags, written into slot [3] of a BVH node as a raw u32 bit pattern.
@@ -1090,6 +1146,30 @@ export const INTERACTIVE_RENDER_CONFIG = {
 	usePixelFreeze: true, // speeds up idle refinement on heavy/high-res views; inert while moving (freeze resets)
 };
 
+// The RenderSettings a mode preset owns. configureForMode applies these, and anything that borrows a
+// mode for a while (the video renderer) restores exactly these keys.
+export function modePresetSettings( config ) {
+
+	return {
+		maxSamples: config.maxSamples,
+		maxBounces: config.bounces,
+		transmissiveBounces: config.transmissiveBounces,
+		maxSubsurfaceSteps: config.maxSubsurfaceSteps,
+		enableAlphaShadows: config.enableAlphaShadows ?? false,
+		// Tier-1 convergence early-stop
+		useAdaptiveSampling: config.useAdaptiveSampling ?? false,
+		noiseThreshold: config.noiseThreshold ?? ENGINE_DEFAULTS.noiseThreshold,
+		adaptiveStopFraction: config.adaptiveStopFraction ?? ENGINE_DEFAULTS.adaptiveStopFraction,
+		adaptiveMinSamples: config.adaptiveMinSamples ?? ENGINE_DEFAULTS.adaptiveMinSamples,
+		// Tier-2 per-pixel freeze
+		usePixelFreeze: config.usePixelFreeze ?? false,
+		pixelFreezeThreshold: config.pixelFreezeThreshold ?? ENGINE_DEFAULTS.pixelFreezeThreshold,
+		pixelFreezeStability: config.pixelFreezeStability ?? ENGINE_DEFAULTS.pixelFreezeStability,
+		interactionModeEnabled: config.interactionModeEnabled ?? ENGINE_DEFAULTS.interactionModeEnabled,
+	};
+
+}
+
 // Memory management constants
 export const MEMORY_CONSTANTS = {
 	MAX_BUFFER_MEMORY: 1024 * 1024 * 1024,

package/src/EngineIssues.js

@@ -19,9 +19,11 @@ export const ISSUE_CODES = Object.freeze( {
 	STAGE_RENDER_FAILED: 'stage.render_failed',
 	RENDER_RESERVE_CAPPED: 'render.reserve_capped',
 	SCENE_MEMORY_BUDGET: 'scene.memory_budget',
-	LIGHT_PLACEHOLDER_INVALID: 'light.placeholder_invalid',
 	EMISSIVE_INSTANCES_COLLAPSED: 'emissive.instances_collapsed',
 	REFIT_SHARED_GEOMETRY: 'refit.shared_geometry',
+	VIEW_TRANSFORM_DISPLAY_MISMATCH: 'viewTransform.display_mismatch',
+	VIEW_TRANSFORM_BAKE_FAILED: 'viewTransform.bake_failed',
+	COLOR_CONFIG_LOAD_FAILED: 'color.config_load_failed',
 } );
 
 /** Strict throws on ERROR only. */

package/src/Passes/AIUpscaler.js

@@ -1,9 +1,15 @@
 import { EventDispatcher, ACESFilmicToneMapping } from 'three';
-import { TONE_MAP_FNS, SRGB_GAMMA, applySaturation, effectiveExposure } from '../Processor/ToneMapCPU.js';
+import { TONE_MAP_FNS, SRGB_GAMMA, applySaturation, effectiveExposure, isOutputEncoded } from '../Processor/ToneMapCPU.js';
 import { getAssetConfig } from '../AssetConfig.js';
 import AIUpscalerWorker from '../Processor/Workers/AIUpscalerWorker.js?worker&inline';
 
 
+// An OCIO view already returned colour encoded for its display, so the gamma step below would
+// encode it twice. A built-in curve returns linear and does want it.
+const displayEncoder = toneMapping => isOutputEncoded( toneMapping )
+	? ( c => ( c > 1 ? 1 : c < 0 ? 0 : c ) )
+	: ( c => Math.pow( c, SRGB_GAMMA ) );
+
 // ─── Model Configuration ───────────────────────────────────────────────────────
 // Quality presets reference relative paths against asset-config `upscalerModelBaseUrl`.
 
@@ -400,6 +406,7 @@ export class AIUpscaler extends EventDispatcher {
 		if ( sourceImageData.isHDR ) {
 
 			this._hdrToneMapFn = TONE_MAP_FNS.get( this.getToneMapping() ) || TONE_MAP_FNS.get( ACESFilmicToneMapping );
+			this._hdrEncode = displayEncoder( this.getToneMapping() );
 			this._hdrExposure = effectiveExposure( this.getExposure(), this.getToneMapping() );
 			this._hdrSaturation = this.getSaturation();
 			this._tmOut = new Float32Array( 3 );
@@ -597,9 +604,10 @@ export class AIUpscaler extends EventDispatcher {
 					}
 
 					tmFn( er, eg, eb, 1.0, this._tmOut );
-					floats[ dstIdx ] = Math.pow( this._tmOut[ 0 ], SRGB_GAMMA );
-					floats[ pixelCount + dstIdx ] = Math.pow( this._tmOut[ 1 ], SRGB_GAMMA );
-					floats[ 2 * pixelCount + dstIdx ] = Math.pow( this._tmOut[ 2 ], SRGB_GAMMA );
+					const encode = this._hdrEncode;
+					floats[ dstIdx ] = encode( this._tmOut[ 0 ] );
+					floats[ pixelCount + dstIdx ] = encode( this._tmOut[ 1 ] );
+					floats[ 2 * pixelCount + dstIdx ] = encode( this._tmOut[ 2 ] );
 
 				} else {
 
@@ -794,6 +802,7 @@ export class AIUpscaler extends EventDispatcher {
 			const pixels = imageData.data;
 			const tmFn = TONE_MAP_FNS.get( this.getToneMapping() ) || TONE_MAP_FNS.get( ACESFilmicToneMapping );
 			const exposure = effectiveExposure( this.getExposure(), this.getToneMapping() );
+			const encode = displayEncoder( this.getToneMapping() );
 			const saturation = this.getSaturation();
 			const out = new Float32Array( 3 );
 
@@ -810,9 +819,9 @@ export class AIUpscaler extends EventDispatcher {
 				}
 
 				tmFn( er, eg, eb, 1.0, out );
-				pixels[ si ] = ( Math.pow( out[ 0 ], SRGB_GAMMA ) * 255 + 0.5 ) | 0;
-				pixels[ si + 1 ] = ( Math.pow( out[ 1 ], SRGB_GAMMA ) * 255 + 0.5 ) | 0;
-				pixels[ si + 2 ] = ( Math.pow( out[ 2 ], SRGB_GAMMA ) * 255 + 0.5 ) | 0;
+				pixels[ si ] = ( encode( out[ 0 ] ) * 255 + 0.5 ) | 0;
+				pixels[ si + 1 ] = ( encode( out[ 1 ] ) * 255 + 0.5 ) | 0;
+				pixels[ si + 2 ] = ( encode( out[ 2 ] ) * 255 + 0.5 ) | 0;
 				pixels[ si + 3 ] = 255;
 
 			}