Three.js Repeat texture fail

Asked Jul 29 '13 at 20:15

Active May 04 '19 at 06:57

Viewed 2,508 times

I'm trying to make a simple floor texture, but it seems that wrapS and wrapT don't works.

Look at the result: http://hpics.li/321350c

var texture = THREE.ImageUtils.loadTexture( "Game/Texture/drytext.png" );
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set( 4, 4 );
var floorMaterial = new THREE.MeshBasicMaterial( { map: texture, side: THREE.DoubleSide });
var floorGeometry = new THREE.PlaneGeometry(20, 20, 10, 10);
var floor = new THREE.Mesh(floorGeometry, floorMaterial);
floor.rotation.x = -Math.PI / 2;
scene.add(floor);

Thank you

edited May 04 '19 at 06:57

Bhargav Rao

50,140
28
121
140

asked Jul 29 '13 at 20:15

user2018005

3

Is the texture power of 2? (32x32, 64x64, 128x128, 256x256, ...) – mrdoob Jul 29 '13 at 21:09
My fault, it was 255x255, need to sleep i think. Thank you – user2018005 Jul 30 '13 at 01:08
@mrdoob Why would that be required for wrapping the coordinates? It should be only necessary for mipmapping... – Bakuriu Jun 09 '14 at 17:00
1

I don't know, I didn't design WebGL :) – mrdoob Jun 10 '14 at 07:54

Three.js Repeat texture fail

0 Answers0

Linked