threejs 16 渲染器Renderers

Posted 2022-12-11 Jessica巨人

webgl渲染器

				renderer = new THREE.WebGLRenderer();
				renderer.physicallyCorrectLights = true;
				renderer.gammaInput = true;//默认为 false. 如果设置了该参数，表示所有纹理和颜色应当使用预乘的gamma值来输入。
				renderer.gammaOutput = true;//默认为 false. 如果设置了该参数，表示所有纹理和颜色应当使用预乘的gamma值来输出。
				renderer.shadowMap.enabled = true;//实现阴影贴图（或阴影映射）的组件的引用。
				renderer.toneMapping = THREE.ReinhardToneMapping;
				renderer.toneMappingExposure = Math.pow( params.exposure, 5.0 ); // 为了让场景更明亮
				renderer.setPixelRatio( window.devicePixelRatio );//设置设备像素比，通常用于HiDPI设备防止模糊输出canvas
				renderer.setSize( window.innerWidth, window.innerHeight );//调整输出canvas尺寸，要考虑设备像素比，并设置视口。
				container.appendChild( renderer.domElement );