Adjust OBJExporter to convert Linear colors to sRGB (#23374)

Author: gkjohnson

examples/jsm/exporters/OBJExporter.js

@@ -251,7 +251,7 @@ class OBJExporter {
 
 					if ( colors !== undefined ) {
 
-						color.fromBufferAttribute( colors, i );
+						color.fromBufferAttribute( colors, i ).convertLinearToSRGB();
 
 						output += ' ' + color.r + ' ' + color.g + ' ' + color.b;
 

examples/misc_exporter_obj.html

@@ -130,7 +130,7 @@
 				} else if ( type === 6 ) {
 
 					const points = [ 0, 0, 0, 100, 0, 0, 100, 100, 0, 0, 100, 0 ];
-					const colors = [ 1, 0, 0, 1, 0, 0, 0, 1, 0, 0, 1, 0 ];
+					const colors = [ 0.5, 0, 0, 0.5, 0, 0, 0, 0.5, 0, 0, 0.5, 0 ];
 
 					const geometry = new THREE.BufferGeometry();
 					geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( points, 3 ) );
@@ -149,6 +149,7 @@
 			function init() {
 
 				renderer = new THREE.WebGLRenderer();
+				renderer.outputEncoding = THREE.sRGBEncoding;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );