我正在尝试合并类似于以下示例的内容:
http://mrdoob.github.com/three.js/examples/webgl_geometry_hierarchy.html
我让立方体本身可以正常工作,但我想在每个立方体上映射不同的图像。
例如,我希望其中一个立方体的每一侧都有一个“Blogger”图标,另一个立方体的每一侧都有一个“Facebook”图标,另一个立方体的每一侧都有一个“Twitter”图标第三个立方体,...等等,等等。
我已经得到了一个 mapurl,可以很好地处理一个立方体,但是当涉及到 Object3D 组时,我在映射图像时遇到了问题。
我是 WebGL 和 Three Js 的新手,非常感谢任何帮助,谢谢! :)
最佳答案
这是自 r53
以来的做法:
var geometry = new THREE.CubeGeometry( 100, 100, 100 );
var material = new THREE.MeshFaceMaterial( [
new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'image1.jpg' ) } ),
new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'image2.jpg' ) } ),
new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'image3.jpg' ) } ),
new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'image4.jpg' ) } ),
new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'image5.jpg' ) } ),
new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'image6.jpg' ) } )
] );
var mesh = new THREE.Mesh( geometry, material );
关于javascript - 三个js如何在一组立方体中的一个立方体的四面映射不同的随机图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14125951/