Question

当我使用CanvasRenderer和SpriteMaterial时，我可以使用rotation中的material属性设置纹理的旋转。所以，例如说纹理是一个圆锥体，我想将它旋转180度：

material = new THREE.SpriteMaterial({
    map         : texture,
    transparent : true,
    rotation    : Math.PI
});

但这似乎不适用PointCloudMaterial中的WebGLRenderer。例如：

material = new THREE.PointCloudMaterial({
    depthWrite    : true,
    alphaTest     : 0.1,
    map           : texture,
    transparent   : true,
    vertexColors  : THREE.VertexColors,
    rotation      : Math.PI
});

那么如何使用PointCloudMaterial和PointCloud网格旋转纹理呢？请注意，在两个实例中，texture都作为base64字符串加载，如下所示：

var image = document.createElement('img');
var texture = new THREE.Texture(image);

image.src = /* The base64 string */

非常感谢！

Answer 1

我最终使用canvas按照Three.js Rotate Texture中描述的模式执行此操作。这几乎就像一个魅力。

使用PointCloudMaterial旋转纹理

1 个答案: