3d Three.js材质在场景中对齐

我有一个大材料（搅拌机上的尺寸为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);
        });

---

小材质是没有纹理的长方体几何体，但只有颜色

您可能需要使用2倍大小的图像。256x256 512x512 1024x1024x1024等等。

谢谢你的回答，我尝试了1024x1024材质，但如果你还没有弄明白，它不会改变任何事情。我们需要看到的代码是正在创建的实际纹理和在该纹理上设置的属性。你能展示这部分吗“所以，我把每个小材质放在大材质的X轴上。（X=-5，-4，-3，等等，X=5）。”？