Javascript 如何在Three.js中更改平面中多重纹理的大小

Javascript 如何在Three.js中更改平面中多重纹理的大小,javascript,three.js,Javascript,Three.js,我想知道如何更改geometry.faces中的大小图像。在我的例子中,我有四张谷歌地图的静态图片。但我的imagens会有640x640像素,但所有图像都有1280x1280像素。我知道如何更改大小纹理,使其仅放在de geometry.faces内。我的代码如下。 我会避免使用MeshFaceMaterial,只需创建一个THREE.Group,其中包含四个子平面网格——每个网格都有一个纹理。嗨!我用了三组。它起作用了。非常感谢。 var geometry = new THREE.Plan

我想知道如何更改geometry.faces中的大小图像。在我的例子中,我有四张谷歌地图的静态图片。但我的imagens会有640x640像素,但所有图像都有1280x1280像素。我知道如何更改大小纹理,使其仅放在de geometry.faces内。我的代码如下。


我会避免使用
MeshFaceMaterial
,只需创建一个
THREE.Group
,其中包含四个子平面网格——每个网格都有一个纹理。嗨!我用了三组。它起作用了。非常感谢。
var geometry = new THREE.PlaneGeometry( 1280, 1280, 2, 2 );
var texturaPlano0 = THREE.ImageUtils.loadTexture('http://maps.google.com/maps/api/staticmap?center=-16.679361,-49.252408&zoom=14&size=600x600&sensor=TRUE_OR_FALSE');
var texturaPlano1 = THREE.ImageUtils.loadTexture('http://maps.google.com/maps/api/staticmap?center=-16.679361,-49.20100802620749&zoom=14&size=600x600&sensor=TRUE_OR_FALSE');
var texturaPlano2 = THREE.ImageUtils.loadTexture('http://maps.google.com/maps/api/staticmap?center=-16.727278, -49.222213&zoom=14&size=600x600&sensor=TRUE_OR_FALSE');
var texturaPlano3 = THREE.ImageUtils.loadTexture('http://maps.google.com/maps/api/staticmap?center=-16.736064, -49.252853&zoom=14&size=600x600&sensor=TRUE_OR_FALSE');
// materials
var materials = []; 
materials.push( new THREE.MeshBasicMaterial( {  map: texturaPlano0 }) );
materials.push( new THREE.MeshBasicMaterial( { map: texturaPlano1 }) );
materials.push( new THREE.MeshBasicMaterial( { map: texturaPlano2 }) );
materials.push( new THREE.MeshBasicMaterial( { map: texturaPlano3 }) );
// Set images 
geometry.faces[ 0 ].materialIndex = 0 ;
geometry.faces[ 1 ].materialIndex = 0 ;
geometry.faces[ 2 ].materialIndex = 2 ;
geometry.faces[ 3 ].materialIndex = 2 ;
geometry.faces[ 4 ].materialIndex = 1 ;
geometry.faces[ 5 ].materialIndex = 1 ;
geometry.faces[ 6 ].materialIndex = 3 ;
geometry.faces[ 7 ].materialIndex = 3 ;

// mesh
mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );
scene.add( mesh );