У меня есть несколько моделей(геометрий) И все они разного размера и формата
var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var materials = new THREE.MeshBasicMaterial({ color: "red"}) ;
var cube = new THREE.Mesh(geometry, materials);
scene.add(cube);
var topy = 'models/JSON/111.json';
var loader = new THREE.ObjectLoader();
loader.load(
topy,
function ( obj ) {
scene.add( obj );
});
var loader = new THREE.TextureLoader();
var normal = loader.load( 'models/3ds/portalgun/textures/normal.jpg' );
var loader = new THREE.TDSLoader( );
loader.setResourcePath( 'models/3ds/portalgun/textures/' );
loader.load( 'models/3ds/portalgun/portalgun.3ds', function ( object ) {
object.traverse( function ( child ) {
if ( child instanceof THREE.Mesh ) {
child.material.normalMap = normal;
}
} );
scene.add( object );
} );
var loader = new THREE.ThreeMFLoader();
loader.load( 'models/3MF/Mi-24.3mf', function ( object ) {
scene.add( object );
} );
Мне необходимо чо бы все модели выводились одного размера и в одном и том же месте
так как у меня есть пол на котором в центре должны выводится модели
var floor_gam = new THREE.PlaneBufferGeometry( 2000, 2000 ) ;
var floor_rotat = - Math.PI / 2;
var mat_standart = new THREE.MeshStandardMaterial( { color: 0x808080, roughness: 0, metalness: 0 } ) ;
var object_floor_standart = new THREE.Mesh( floor_gam, mat_standart );
object_floor_standart.rotation.x = floor_rotat ;
object_floor_standart.receiveShadow = true;
scene.add( object_floor_standart );
Кто не будь знает как можно это сделать? Я пробовал
var center = obj.geometry.boundingSphere.center;
controls.target.set( center.x, center.y, center.z );
Но это работает не со всеми моделями и просто подгоняет камеру к модели а нужно наоборот
width: 300px; height: 300px; object-fit: contain;
только для three.js