ThreeJS-纹理旋转、重复(十一)

旋转

 文档:three.js docs

ThreeJS-纹理旋转、重复(十一)_第1张图片

关键代码:

   //设置旋转中心,默认左下角

    docColorLoader.center.set(0.5,0.5);

    //围绕旋转中心逆时针旋转45度

    docColorLoader.rotation = Math.PI/4;

完整代码:

 

 效果图:

ThreeJS-纹理旋转、重复(十一)_第2张图片

重复

关键代码:

    //设置横向纹理重复模式

    docColorLoader.wrapS = THREE.RepeatWrapping;

    //设置纵向镜像重复

    //docColorLoader.wrapT = THREE.MirroredRepeatWrapping;

    //普通重复

    docColorLoader.wrapT = THREE.RepeatWrapping;

    //纹理重复 横向方向重复两次,纵向重复3次

    docColorLoader.repeat.set(2,3);

 完整代码:

 

 效果图:

ThreeJS-纹理旋转、重复(十一)_第3张图片

你可能感兴趣的:(html,前端)