要编写一个自定义形状几何，基于BoxBufferGeometry，可以按照以下步骤进行：

1. 导入所需的Three.js库和其他必要的模块：

import * as THREE from 'three';

2. 创建一个自定义形状的类，并继承自BoxBufferGeometry：

class CustomGeometry extends THREE.BoxBufferGeometry {
  constructor(width, height, depth, widthSegments, heightSegments, depthSegments) {
    super(width, height, depth, widthSegments, heightSegments, depthSegments);

    // 在构造函数中可以添加自定义的代码
  }
}

3. 在构造函数中添加自定义的代码，例如，我们可以在几何体的顶点上应用一个自定义的偏移量：

class CustomGeometry extends THREE.BoxBufferGeometry {
  constructor(width, height, depth, widthSegments, heightSegments, depthSegments) {
    super(width, height, depth, widthSegments, heightSegments, depthSegments);

    // 获取顶点数组
    const positions = this.attributes.position.array;

    // 应用自定义的偏移量
    for (let i = 0; i < positions.length; i += 3) {
      positions[i] += Math.random() * 0.2 - 0.1; // 在-x和+x之间随机偏移
      positions[i + 1] += Math.random() * 0.2 - 0.1; // 在-y和+y之间随机偏移
      positions[i + 2] += Math.random() * 0.2 - 0.1; // 在-z和+z之间随机偏移
    }

    // 更新顶点缓冲区
    this.attributes.position.needsUpdate = true;
  }
}

4. 创建自定义几何体的实例并使用它创建一个网格对象：

// 创建自定义几何体
const customGeometry = new CustomGeometry(1, 1, 1, 1, 1, 1);

// 创建材质
const material = new THREE.MeshBasicMaterial({ color: 0xff0000 });

// 创建网格对象
const mesh = new THREE.Mesh(customGeometry, material);

现在，你可以将这个自定义几何体的网格对象添加到场景中，然后渲染场景。

请注意，以上代码只是一个示例，你可以根据自己的需求进行修改和扩展。