3

次の例に似たものを取り入れようとしています:

http://mrdoob.github.com/three.js/examples/webgl_geometry_hierarchy.html

立方体自体は正常に動作しますが、立方体ごとに異なる画像をマッピングしたいと考えています。

たとえば、立方体の 1 つの側面に「Blogger」アイコンを配置し、別の立方体の各側面に「Facebook」アイコンを配置し、3 つ目の立方体の各側面に「Twitter」アイコンを配置したいとします。 、...など、など。

1 つの立方体だけで正常に動作する mapurl を取得しましたが、Object3D グループに関しては画像のマッピングに問題があります。

私は WebGL と Three Js を初めて使用します。どんな助けでも大歓迎です。ありがとう! :)

4

2 に答える 2

3

これはそれ以来の方法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 );
于 2013-01-02T21:10:43.887 に答える