Image texture in a cube

I create a cube and I’m trying to apply some texture on it using this code:

function createCube(sx, sy, sz, p, ry, image){

    var texture = THREE.ImageUtils.loadTexture(image);

    var material = new THREE.MeshLambertMaterial( { map: texture } );
    var cube = new THREE.Mesh( new THREE.CubeGeometry( sx, sy, sz ), material );
    cube.position = p;
    cube.rotation.y = ry;
    scene.add(cube);

}

I need to repeat the image only in one cube face like a wallpaper. I have tried to use RepeatWrapping, but it didn’t work and I’m not finding this object in the three.js source code to understand how it works.

Any help?

[nathaliaspatricio]

Ok, I have looked and change my source code to:

function createCube(sx, sy, sz, p, ry, image){

    var texture = THREE.ImageUtils.loadTexture(image);
    texture.repeat.set( 4, 2 );
    texture.wrapS = texture.wrapT = THREE.RepeatWrapping;

    var material = new THREE.MeshLambertMaterial( { map: texture } );
    var cube = new THREE.Mesh( new THREE.CubeGeometry( sx, sy, sz ), material );
    cube.position = p;
    cube.rotation.y = ry;
    scene.add(cube);

}

But everything is strange here. It is not repeating the image along the face. I want to know what’s the meaning of these numbers… I saw in the three.js source code that is a Vector2, but I don’t know what they really do.

Another question is about the image size. Does it matter?

[karmakumar]

Try this project . Full code available below. https://github.com/karmakumar/threejs_create_plane/tree/dev/three