javascript - 使用 URL 在 Three.js 中应用纹理

标签 javascript three.js texture-mapping

我在 Three.js 中应用纹理时遇到问题。由于安全问题,我无法在 Chrome 中为此使用任何本地镜像,因此我想改为应用来自网络的图像。有没有办法使用 URL 将图像映射到 Three.js 网格?

最佳答案

TextureLoader 确实与 url 一起工作,只需确保您设置 crossOrigin 它加载 url 而不是来自您站点的服务器。这是一个例子:

const myUrl = 'http://www.myimage.com'

const textureLoader = new THREE.TextureLoader()
textureLoader.crossOrigin = "Anonymous"
const myTexture = textureLoader.load(myUrl)

myMesh.material.map(myTexture)
myMesh.material.needsUpdate = true

关于javascript - 使用 URL 在 Three.js 中应用纹理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43698620/

相关文章:

javascript - Node.js 监听端口 9999 时发出运行时错误

javascript - 在 Three.js CSSRenderer 中补偿浏览器缩放

c++ - 使用 UV 贴图 OpenGL 纹理化 3d 对象

android - 在 Android OpenGL ES 中使用 Wavefront .obj 的纹理坐标的问题

javascript - 是否可以不提及grunt中的所有脚本文件路径?

javascript - 下拉值不发布

javascript - 几乎相同的代码,但答案却截然不同

javascript - Three.js raycaster.intersectObject() 每次都返回相同的faceIndex

three.js - 使用 Three.js 在 3D 模型之间转换顶点

java - opengl3中的立方体纹理