Threejs:为单个画布渲染在加载中重复纹理

时间:2018-12-02 21:39:43

标签: three.js

我正在使用threejs lib渲染一个球体,以做出反应“ import * as from'three'; THREE from'three'; THREE from'three'; THREE from'three'; Three's from'three'; Three's from'three';”。

球体和纹理都很好呈现。

我有一张加载得很好的图像,它包裹了整个球体。

问题:如何在球体上重复图像?在我的特定示例中,假设我有一张半张脸的图像。对于每个半球,我想镜像该图像,以使我在球的每一侧都有两个对称的面,向外看。对threejs来说是全新的,不胜感激!

1 个答案:

答案 0 :(得分:1)

也许在Texture上设置重复。
例如。

// load a texture, set wrap mode to repeat
var texture = new THREE.TextureLoader().load( "textures/water.jpg" );
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set( 4, 4 );