线条对象包括:

        AABB包围盒，OBB包围盒, 曲线，直线，圆，坐标轴，视锥体线框，方形网格等。

当前示例源码github地址:

https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/LineObjectTest.ts

当前示例运行效果:

此示例基于此渲染系统实现，当前示例TypeScript源码如下:

xport class LineObjectTest {private mRscene = new RendererScene();initialize(): void {document.oncontextmenu = function (e) {e.preventDefault();}this.initEvent();this.initScene();}private initEvent(): void {const rc = this.mRscene;rc.addEventListener(MouseEvent.MOUSE_DOWN, this.mouseDown);new MouseInteraction().initialize(rc, 0, false).setAutoRunning(true);}private testOBB(): void {const rsc = this.mRscene;let box = new BoxEntity();box.setColor([0.8, 0.2, 0.6]);box.transform.setRotationXYZ(70,150,0);box.transform.setXYZ(100, 100, 500);rsc.addEntity( box );let obb = new OBB();obb.fromAABB(box.getLocalBounds(), box.transform.getMatrix());let boxFrame = new BoundsFrameEntity({obb, obbFrameScale: 1.01});boxFrame.setColor([0.1, 0.8, 0.7]);rsc.addEntity( boxFrame );}private testFrustumFrame( ): void {const cam = new Camera({eye: new Vector3(500, 500, -300), near: 50, far: 200});const rsc = this.mRscene;let frameColors = [[1.0, 0.0, 1.0], [0.0, 1.0, 1.0], [1.0, 0.0, 1.0], [0.0, 1.0, 1.0]];let boxFrame = new BoundsFrameEntity({ posList8: cam.getWordFrustumVtxArr(), frameColors });rsc.addEntity( boxFrame );}private mouseDown = (evt: MouseEvent): void => {};private createCurve(): void {const rsc = this.mRscene;let total = 100;let linePositions = new Array(total);let lineColors = new Array(total);for(let i = 0; i < total; ++i) {const factor = Math.sin(20.0 * i / total);linePositions[i] = [350, factor * 100 + 100 , -300 + i * 10.0];lineColors[i] = [factor * 0.5 + 0.5, 1.0 - (factor * 0.5 + 0.5), 1.0];}let line = new Line3DEntity({linePositions, lineColors});rsc.addEntity( line );let circleLine = createLineCircleXOZ( 100 );circleLine.transform.setY(100.0);circleLine.color = [0.1, 0.5, 1.0];rsc.addEntity( circleLine );}private initScene(): void {const rsc = this.mRscene;let color = new Color4().toBlack().setColor([1.0]);let sph = new SphereEntity();sph.transform.setXYZ(-200, 200, -300);rsc.addEntity( sph );sph.color = color;this.createCurve();let gridPlane = new RectLineGridEntity();gridPlane.color = [0.2, 0.3, 0.1];rsc.addEntity( gridPlane );let axis = new AxisEntity({axisLength: 300});axis.transform.setY(1.5);rsc.addEntity( axis );this.testOBB();this.testFrustumFrame();let boxFrame = new BoundsFrameEntity({bounds: sph.getGlobalBounds()});rsc.addEntity( boxFrame );let tor = new TorusEntity();tor.color = [0.1, 0.8, 0.3];tor.transform.setXYZ(-300, 200, 300);tor.transform.setRotationXYZ(60, 130, 70);rsc.addEntity( tor );boxFrame = new BoundsFrameEntity({bounds: tor.getGlobalBounds()});rsc.addEntity( boxFrame );let obb = new OBB();obb.fromAABB(tor.getLocalBounds(), tor.transform.getMatrix());boxFrame = new BoundsFrameEntity({obb, obbFrameScale: 1.01});boxFrame.color = [0.6, 0.8, 0.3];rsc.addEntity( boxFrame );boxFrame = new BoundsFrameEntity({minPos: new Vector3(200, 200, 400), maxPos: new Vector3(300, 300, 450)});boxFrame.color = [1.0, 0.2, 0.6];rsc.addEntity( boxFrame );}run(): void {this.mRscene.run();}
}