javascript - Three.js 有没有办法让几何体适应纹理

标签 javascript three.js textures

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

也许有一种简单的方法可以做到这一点,但我没有找到任何东西。你们中有人可以帮助我,或者告诉我停止寻找它吗?

最佳答案

加载纹理时,您可以检查其大小,然后以正确的宽/高比创建平面来承载它:

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

} );

关于javascript - Three.js 有没有办法让几何体适应纹理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55195144/

相关文章:

javascript - Internet Explorer 7/Backbone 中可能存在内存泄漏?

javascript - JavaScript中变量字符串的XML解析

javascript - Three.js 使 object.rotation.x 平滑

html - Three.js Hello World 和包含文件

javascript - 加载模型 Three.js GLTFLoader 语法错误 JSON.parse

ios - 在 OpenGL ES 中渲染 "layers"

java - JOGL白色质地?

获取带有 URL 的字符串的 Javascript 函数

javascript - 创建一个带有谷歌表格链接的下拉菜单?

iphone - iOS:关于在屏幕上渲染纹理的纹理坐标的困惑