Three.js有一种方法可以使几何形状适应纹理

Question

我正在Three.js中的一个项目中工作，我需要将多个图像浮动到3D空间中。因此，我开始简单地将这些图像用作平面上的纹理。但是，图像的高度和宽度不同，所以我只是想知道是否有一种方法可以使平面适应纹理的大小。或与之成正比。

也许有一种简单的方法，但是我什么也没找到。你们中的一个可以帮助我，还是叫我停止寻找它？

Answer 1

加载纹理时，可以检查其大小，然后创建平面以正确的宽高比托管该平面：

var loader = new THREE.TextureLoader();
var texture = loader.load( "./img.png", function ( tex ) {
    console.log( tex.image.width, tex.image.height );
    // here you can create a plane based on width/height image linear proportion

} );