Question

我有一个大型材料（在Blender上尺寸为10x10）和另外10种尺寸为1x1的材料。

所以，我把X轴上的每一个小材料放在大材料上。（x = -5，-4，-3等x = 5）。

问题是小材料在大尺寸上没有完全对齐。

在最左边，小材料向右移动，而在最右边，小材料在左边移动。在中心（例如x = 0），两种材料完全对齐。

大型材质具有1000x1000的图像纹理。我尝试将它缩小到250x250，但仍然是同样的问题。

可能有什么不对？纹理包装？拉伸？

以下是创建大型材质，模型和纹理的一些代码：

var hugeTexture = THREE.ImageUtils.loadTexture('hugeTexture.png'),
        hugeMaterial = new THREE.MeshPhongMaterial({ map: hugeTexture });

        JSONloader.load('hugeMaterial.js', function (geometry) {
            var hugeModel = new THREE.Mesh(geometry, hugeMaterial);

            hugeModel.receiveShadow = true;

            scene.add(hugeModel);
        });

小材质是没有纹理的BoxGeometry，只是一种颜色

Answer 1

您可能必须使用2种尺寸的图像。 256x256 512x512 1024x1024等。

Three.js场景中的材质对齐

1 个答案: