How to use AOMap

donmccurdy · January 11, 2021, 7:17pm

If you check the code from that example, it’s modifying the model after loading it to add the second UV set:

mrdoob/three.js/blob/670b1e9e85356d98efa4c702e93c85dd52f01e1e/examples/webgl_materials_displacementmap.html#L192


					side: THREE.DoubleSide
				} );
				//
				const loader = new OBJLoader();
				loader.load( "models/obj/ninja/ninjaHead_Low.obj", function ( group ) {
					const geometry = group.children[ 0 ].geometry;
					geometry.attributes.uv2 = geometry.attributes.uv;
					geometry.center();
					mesh = new THREE.Mesh( geometry, material );
					mesh.scale.multiplyScalar( 25 );
					scene.add( mesh );
				} );
				//

This is necessary for formats like OBJ where the file does not contain the AO map and it has to be added afterward.

Topic		Replies	Views
Help with aoMap of GLTF/GLB model Questions gltf-loader	11	4543	June 24, 2020
AO map added, but displayed on the wrong UV sets Questions materials	16	4843	April 17, 2019
Ambient Occlusion (AOMap) not working Questions textures , materials	2	1124	January 9, 2021
Change Mesh map except of AO map which has two uv map Questions textures , materials , uv-mapping , ambient-occlusion	2	720	May 17, 2023
Why does the AOMap use the second UV channel? Questions textures	1	1233	April 22, 2021

How to use AOMap

Related topics