three.js ObjectLoader是否可以加载纹理?

艾夫斯塔斯

three.js版本0.0.70,搅拌器版本2.73a

使用新的(不是)导出器将场景从Blender导出three.js json格式io_threeio_three_mesh

我可以使用将场景导入到three.js中ObjectLoader

var objectLoader = new THREE.ObjectLoader();
objectLoader.load('assets/models/exportedScene.json', function(imported) {
    scene.add(imported);
});

不幸的是,没有纹理应用于对象,只有材质。exportedScene.json文件中可以看到,文件中有关于纹理的信息:

"images": [{
    "url": "blue.jpg",
    "uuid": "DFE5BBBF-601B-48EA-9C05-B9CB9C07D92E",
    "type": "Geometry",
    "name": "blue.jpg"
}],
"materials": [{
    "color": 200962,
    "specular": 5066061,
    "shininess": 8,
    "ambient": 200962,
    "depthTest": true,
    "depthWrite": true,
    "name": "partitionMat",
    "emissive": 0,
    "uuid": "A705A33F-68C1-489C-A702-89A0140247AB",
    "blending": "NormalBlending",
    "vertexColors": false,
    "map": "73277351-6CCF-4E84-A9F0-D275A101D842",
    "type": "MeshPhongMaterial"
}],
"textures": [{
    "minFilter": "LinearMipMapLinearFilter",
    "wrap": ["RepeatWrapping","RepeatWrapping"],
    "magFilter": "LinearFilter",
    "mapping": "UVMapping",
    "image": "DFE5BBBF-601B-48EA-9C05-B9CB9C07D92E",
    "repeat": [1,1],
    "name": "carpetTexture",
    "anisotropy": 1.0,
    "uuid": "73277351-6CCF-4E84-A9F0-D275A101D842",
    "type": "Geometry"
}],

但是正如我之前所说,没有应用纹理。我尝试使用js脚本将纹理文件放置在html附近,但是没有用。

也许我的最初方法不正确,我应该导入类似于http://threejs.org/examples/webgl_loader_obj.html的纹理吗?但是,这是关于使用ObjLoader(而不是ObjectLoader)的,并且我不确定它是否正确。

代表

检出dev分支。最近针对即将发布的r71版本提供了纹理支持的承诺。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

THREE.ObjectLoader的Three.js错误

来自分类Dev

THREE.js-无法在本地加载纹理

来自分类Dev

Three.js + Angular:纹理加载失败

来自分类Dev

在Three.js中从Base64加载纹理

来自分类Dev

如何从three.js中的OBJ + MTL文件加载纹理?

来自分类Dev

THREE.js用png纹理加载obj + mtl

来自分类Dev

Three.js:纹理加载不正确

来自分类Dev

Three.js-更新纹理

来自分类Dev

使用Three.js THREE.textureLoader预加载多个纹理

来自分类Dev

threejs-将具有纹理贴图的材质应用于通过THREE.ObjectLoader加载的对象

来自分类Dev

Three.js加载器

来自分类Dev

Three.js加载器

来自分类Dev

Three.js:我是否必须为每个纹理设置各向异性纹理过滤?

来自分类Dev

使用Three.js ObjectLoader获取动画以正确渲染

来自分类Dev

three.js:BufferGeometry和纹理

来自分类Dev

Three.js透明模型纹理错误

来自分类Dev

Three.js使用framebuffer作为纹理

来自分类Dev

使用Three.js进行纹理喷涂

来自分类Dev

用户在three.js中上传纹理

来自分类Dev

three.js从cubecamera创建纹理

来自分类Dev

在THREE.js中纹理球体

来自分类Dev

如何水平翻转Three.js纹理

来自分类Dev

three.js:纹理全黑

来自分类Dev

three.js:纹理全白

来自分类Dev

Three.js中的图素纹理

来自分类Dev

如何垂直翻转Three.js纹理?

来自分类Dev

Three.js合并对象和纹理

来自分类Dev

保持Three.js纹理的外观

来自分类Dev

three.js中的纹理更新