纹理包装不应该重复

时间:2014-09-29 12:55:09

标签: three.js

我正在尝试为地板包裹纹理,但它不起作用 - 纹理不会重复5次。这是我使用的代码:

var floorTexture = new THREE.ImageUtils.loadTexture( 'textures/floor.jpg' );
floorTexture.wrapS = floorTexture.wrapT = THREE.RepeatWrapping; 
floorTexture.repeat.set( 5, 1 );
var floorMaterial = new THREE.MeshPhongMaterial( { map: floorTexture, side: THREE.DoubleSide } );
var floorGeometry = new THREE.PlaneGeometry( 45, 44.5 );
var floor = new THREE.Mesh( floorGeometry, floorMaterial );

你可以在这里看到项目:http://provasitimek.herobo.com/Tesi9.2/ - 选择userGroup,然后选择路径,startPoint结束endPoint访问模型

1 个答案:

答案 0 :(得分:2)

您必须确保纹理的大小为2的幂。

通常,WebGL不支持NPOT(非幂2)纹理。虽然在Non power of two textures

中列出了一些例外情况