how to set image for three js cube

Question

Am new to three js. Am trying to set background image and want to change front face with image also.

Gone through more example from net, but am not getting idea.

Please tell me with simple examples.

Here is the cube link

The link goes to the Threejs website demo, have you got something of your own like a jsfiddle/codepen ? Would be great to start explaining from what you have already got so far :) — MacK
– MacK, Commented Jan 28, 2015 at 11:19
You should just look at the three.js examples. All you need is there. If you have more specific problems you should explain more in detail what you want help with. — Wilt
– Wilt, Commented Jan 28, 2015 at 12:41

gvlasov · Accepted Answer · 2015-08-11 15:56:13Z

2

You just can add your texture to your box:

var dice = new THREE.Mesh(
    new THREE.BoxGeometry( 50, 50, 50),
    new THREE.MeshBasicMaterial({
         map: THREE.ImageUtils.loadTexture('texture.png')
      }) 
    );
dice.material.side = THREE.DoubleSide;
scene.add( dice );

And for background you can use SphereGeometry() geometry and change the background.

edited Aug 11, 2015 at 15:56

gvlasov

20.3k22 gold badges85 silver badges120 bronze badges

answered Aug 11, 2015 at 15:18

mr_echo

864 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to set image for three js cube

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related