使用 Three.js 的 BufferGeometry 方法对几何体进行变换，包括缩放，平移、旋转和居中。

const geometry = new THREE.BufferGeometry();
const vertices = new Float32Array([
    0, 0, 0, 50, 0, 0, 50, 0, 50,
    0, 0, 0, 0, 0, 50, 50, 0, 50,
]);

geometry.attributes.position = new THREE.BufferAttribute(vertices, 3);

// 几何体xyz三个方向都放大2倍
geometry.scale(2, 2, 2);
// 几何体沿着x轴平移50
geometry.translate(50, 0, 0);
// 几何体绕着x轴旋转45度
geometry.rotateX(Math.PI / 4);
// 居中：已经偏移的几何体居中，执行.center()，你可以看到几何体重新与坐标原点重合
geometry.center();

// 点渲染模式
const material2 = new THREE.PointsMaterial({
    color: 0xffff00,
    size: 10.0,
});
const points = new THREE.Points(geometry, material2);
scene.add(points);

// 线材质对象
const material1 = new THREE.LineBasicMaterial({
    color: 0xff0000,
});
const line = new THREE.Line(geometry, material1);
scene.add(line);

// 网格
const material = new THREE.MeshBasicMaterial({
    color: 0x0000ff,
    side: THREE.DoubleSide,
});
const mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);