G

Loading...

当场景中需要使用 3D 图形时，可以引入该插件，其中内置了一些常用的 3D 图形。

安装方式

3D 图形的绘制只有 g-webgl 和 g-webgpu 渲染器支持：

import { Renderer as WebGLRenderer } from '@antv/g-webgl';
// 创建 WebGL 渲染器
const webglRenderer = new WebGLRenderer();

然后需要注册 3D 插件：

import { Plugin } from '@antv/g-plugin-3d';
// 注册 3D 插件
webglRenderer.registerPlugin(new Plugin());

最后在创建画布时指定该渲染器：

import { Canvas } from '@antv/g';

const canvas = new Canvas({
    container: 'container',
    width: 600,
    height: 500,
    renderer: webglRenderer, // 指定 WebGL 渲染器
});

g-plugin-3d

安装方式

内置对象