用途：在网页主视觉、功能区块或产品展示中放置一个具有真实几何、光照、高光与边缘的 3D WebGL 物体。
主要能力：使用真实 3D 几何（如 IcosahedronGeometry、DodecahedronGeometry、BoxGeometry、自定义 BufferGeometry 或 glTF 网格）；使用透视相机以呈现深度和比例；采用 PBR 材质（MeshStandardMaterial 或 MeshPhysicalMaterial），可调金属度、粗糙度和自发光；至少包含一盏方向光和环境光/半球光补光；仅对变换做动画（缓慢旋转、上下浮动或视差）；处理窗口尺寸变化，并在销毁时释放几何、材质和渲染器。
使用方式：在 HTML 中使用容器与 canvas（data-webgl-3d-object），通过 initWebGL3DObject(canvas, options) 初始化 Three.js 场景，选项包含 color、rimColor、metalness、roughness、emissive 等。材质默认值、光照默认值和运动默认值可参考资料给出的取值区间。动画遵循 prefers-reduced-motion，减少动态时渲染静止帧。
适用场景：需要真实几何、光照、高光与边缘的单一 3D 物体，可用于英雄区、功能模块或产品展示。
限制：避免用 CSS 3D 变换冒充 WebGL、无光照材质、用渐变平面代替几何、强泛光或粒子遮挡形体；移动端避免高 DPR、过大的阴影贴图和过多灯光；不要让物体与前景文案或 CTA 竞争。使用后需正确清理 RAF、事件监听器、几何、材质和渲染器。