@soonspacejs/plugin-drawing-shape 2.5.0-rc.6 → 2.5.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soonspacejs/plugin-drawing-shape",
   "pluginName": "DrawingShapePlugin",
-  "version": "2.5.0-rc.6",
+  "version": "2.5.0",
   "description": "DrawingShapePlugin plugin for SoonSpace.js",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -13,5 +13,5 @@
   ],
   "author": "xuek",
   "license": "UNLICENSED",
-  "gitHead": "f714c02be0ff5944f7b60f4f8521a1ae86d4e18d"
+  "gitHead": "61b7ed6ce3e0d761a30fb65d64a4eeb22acbfef9"
 }

package/example/changjing02/FileInfo.xml

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="yes"?><folder name="changjing02"><file name="changjing02.gpl" Extension=".gpl" /><file name="changjing02.jpg" Extension=".jpg" /><file name="changjing02.xml" Extension=".xml" /><file name="changjing02_1F_0.sbm" Extension=".sbm" /><file name="Mobile.zip" Extension=".zip" /><folder name="Maps"><file name="1_board_t01.png" Extension=".png" /><file name="AirconStand01_t01.jpg" Extension=".jpg" /><file name="AirconStand01_t02.jpg" Extension=".jpg" /><file name="AirconWall01_t01.jpg" Extension=".jpg" /><file name="Cabinet02_t01.jpg" Extension=".jpg" /><file name="CCTV_01_t.jpg" Extension=".jpg" /><file name="CeilingDefault.jpg" Extension=".jpg" /><file name="COPPWIR01.jpg" Extension=".jpg" /><file name="ExCon02.jpg" Extension=".jpg" /><file name="Fa_06.jpg" Extension=".jpg" /><file name="FireT_t01.jpg" Extension=".jpg" /><file name="fj0001.jpg" Extension=".jpg" /><file name="Keyborad01_t01.jpg" Extension=".jpg" /><file name="MattTile01.jpg" Extension=".jpg" /><file name="sk0002.jpg" Extension=".jpg" /><file name="Stone_TileColumn2.jpg" Extension=".jpg" /><file name="VinylT_Plan01.jpg" Extension=".jpg" /><file name="Wall_Gradient.jpg" Extension=".jpg" /><file name="Wood_Maple.jpg" Extension=".jpg" /><file name="Wood_Maple_Door.jpg" Extension=".jpg" /><file name="Wood_Maple_DoorFR.jpg" Extension=".jpg" /></folder></folder>

package/example/changjing02/changjing02.xml

@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Project>
-    <ProjectInfo gkxmlVersion="1.2">
-        <Title>changjing02</Title>
-    </ProjectInfo>
-    <Building sourceType="GPL" northAxis="0.000000">
-        <EarthReferenceSystem type="WGS84">
-            <altitudeMode>relativeToGround</altitudeMode>
-            <Location>
-                <longitude>30</longitude>
-                <latitude>119</latitude>
-                <altitude>0</altitude>
-            </Location>
-            <Orientation>
-                <heading>0</heading>
-                <tilt>0.0</tilt>
-                <roll>0.0</roll>
-            </Orientation>
-        </EarthReferenceSystem>
-        <ExportOptions>
-            <Item name="floorMerge" value="false"/>
-            <Item name="wallMerge" value="true">
-                <MergeObjectTypes>WALL,CEILING,COLUMN,SLAB,SPACE,DOOR,WINDOW,STAIR,ELEVATOR,FACILITY</MergeObjectTypes>
-            </Item>
-        </ExportOptions>
-        <Unit>centimeter</Unit>
-        <DefaultBuilding>false</DefaultBuilding>
-        <DefaultFloor>0</DefaultFloor>
-        <Floors>
-            <Floor id="0" name="1F" baseFloor="1" groupID="0" isMain="True">
-                <FileSource name=".\changjing02_1F_0.sbm" type="SBM"/>
-                <BoundingBox minimum="-1147.500000, -377.599487, -536.307251" maximum="1147.500000, 2121.000000, 594.959839"/>
-            </Floor>
-        </Floors>
-        <SpaceInfo>
-            <Floor id="0" name="1F" longname="2030925431" baseFloor="1" level="0.000000"/>
-        </SpaceInfo>
-        <ObjectHierarchy>
-            <Entity id="0" name="1F" type="Floor" longname="2030925431">
-                <Entity id="25" name="MERGED_0_1_Board_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="9" name="MERGED_0_AirconStand01/AirconStand01_01_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="10" name="MERGED_0_AirconStand01/AirconStand01_02_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="22" name="MERGED_0_AirconWall01/AirconWall01_01_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="23" name="MERGED_0_AirconWall01/AirconWall01_02_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="24" name="MERGED_0_CCTV_01/07-Default_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="26" name="MERGED_0_Cabinet02/Cabinet02_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="11" name="MERGED_0_Chair_CM01/Chair_CM0111_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="12" name="MERGED_0_Chair_CM01/Chair_CM0112_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="13" name="MERGED_0_Chair_CM01/Chair_CM0113_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="14" name="MERGED_0_Chair_CM01/Chair_CM0114_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="15" name="MERGED_0_Chair_CM01/Chair_CM0115_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="18" name="MERGED_0_DeskOffice_01/DeskOffice_01Gray_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="17" name="MERGED_0_DeskOffice_01/DeskOffice_01Green_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="16" name="MERGED_0_FireT/FireT_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="19" name="MERGED_0_Keyborad01/Keyborad01_01_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="20" name="MERGED_0_Keyborad01/Keyborad01_02_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="5" name="MERGED_0_LIBENT10_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="6" name="MERGED_0_LIBENT15_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="3" name="MERGED_0_LIBENT16_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="1" name="MERGED_0_LIBENT1_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="2" name="MERGED_0_LIBENT2_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="4" name="MERGED_0_LIBENT3_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="7" name="MERGED_0_LIBENT4_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="8" name="MERGED_0_LIBENT5_0" longname="" type="MERGED" visible="True"/>
-                <Entity id="21" name="MERGED_0_PDP_003/Material#122_0" longname="" type="MERGED" visible="True"/>
-            </Entity>
-        </ObjectHierarchy>
-    <GLBFShells><GLBFShell><FileSource name=".\changjing02_1F_0.json" type="GLBF"/><BoundingBox/></GLBFShell></GLBFShells></Building>
-</Project>

package/example/index.html

@@ -1,134 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
-  <style>
-    * {
-      margin: 0;
-    }
-  </style>
-</head>
-
-<body>
-  <div id="view" style="width: 100vw; height: 100vh;"></div>
-
-  <script type="module">
-    import SoonSpace from '../../../soonspacejs/dist/index.esm.js'
-    import DrawingShapePlugin from '../dist/index.esm.js'
-    import { GUI } from '../../../../libs/gui.js'
-
-    const ssp = window.ssp = new SoonSpace({
-      el: '#view',
-      options: {
-        showInfo: true,
-        showGrid: false
-      },
-      events: {
-        // selectPosition(position) {
-        //   console.log(position)
-        // }
-      }
-    })
-
-    ssp.loadSbm({
-      id: 'room',
-      url: './changjing02/changjing02_1F_0.sbm',
-      position: {
-        x: 100,
-        y: 120,
-        z: 100
-      }
-    })
-      .then(sbm => {
-        return ssp.flyToObj(sbm, "leftFrontTop", { padding: 100 })
-      })
-      .then(sbm => {
-        const drawingShapePlugin = ssp.registerPlugin(DrawingShapePlugin, 'drawingShapePlugin')
-
-        const gui = new GUI()
-
-        const fns = {
-          绘制点: function () {
-            drawingShapePlugin.drawingPoint(
-              {
-                color: 'blue',
-                opacity: 1
-              },
-              {
-                onCancel() {
-                  console.log('drawPoint onCancel')
-                }
-              }
-            )
-              .then(res => console.log('drawPoint done', res))
-          },
-          绘制线: function () {
-            drawingShapePlugin.drawingLine(
-              {
-                color: 'green',
-                opacity: 0.8
-              },
-              {
-                onCancel() {
-                  console.log('drawingLine onCancel')
-                },
-                onCancelPrev() {
-                  console.log('drawingLine onCancelPrev')
-                },
-              }
-            )
-              .then(res => console.log('drawLine done', res))
-          },
-          绘制面: function () {
-            drawingShapePlugin.drawingPolygon(
-              {
-                yHeight: 200,
-                color: 'blue',
-                opacity: 0.5
-              },
-              {
-                onCancel() {
-                  console.log('drawingPolygon onCancel')
-                },
-                onCancelPrev() {
-                  console.log('drawingPolygon onCancelPrev')
-                },
-              }
-            )
-              .then(res => console.log('drawPolygon done', res))
-          },
-          绘制圆: function () {
-            drawingShapePlugin.drawingCircle(
-              {
-                color: 'blue',
-                opacity: 0.5
-              },
-              {
-                onCancel() {
-                  console.log('drawingCircle onCancel')
-                }
-              }
-            )
-              .then(res => console.log('drawingCircle done', res))
-          }
-        }
-
-        for (let i in fns) gui.add(fns, i)
-
-      })
-
-    ssp.addGroundHelper({
-      id: 'ground',
-      imgUrl: './ground/001.jpg',
-      width: 10000,
-      height: 10000
-    })
-
-  </script>
-</body>
-
-</html>

package/src/index.ts

@@ -1,500 +0,0 @@
-import SoonSpace, { Position, } from 'soonspacejs'
-import { SetOptionsPointInfo, SetOptionsLineInfo, SetOptionsPolygonInfo, SetOptionsCircleInfo, } from 'soonspacejs/types/Library'
-import { Vector3, } from 'three'
-
-export type DrawingPointInfo = SetOptionsPointInfo
-export interface DrawingPointEvents {
-  onCancel?: () => void;
-}
-
-export type DrawingLineInfo = Omit<SetOptionsLineInfo, 'points'>
-export interface DrawingLineEvents {
-  onCancel?: () => void;
-  onCancelPrev?: () => void;
-}
-
-export type DrawingPolygonInfo = Omit<SetOptionsPolygonInfo, 'points' | 'yHeight'>
-export interface DrawingPolygonEvents {
-  onCancel?: () => void;
-  onCancelPrev?: () => void;
-}
-
-export type DrawingCircleInfo = Omit<SetOptionsCircleInfo, 'radius'>
-export interface DrawingCircleEvents {
-  onCancel?: () => void;
-}
-
-
-const DrawingIds = {
-  canvas: 'drawingCanvas',
-  point: 'drawingPoint',
-  line: 'drawingLine',
-  polygon: 'drawingPolygon',
-  circle: 'drawingCircle',
-}
-
-export default class DrawIngShapePlugin {
-
-  readonly viewport: SoonSpace['viewport']
-
-  constructor ( readonly ssp: SoonSpace ) {
-
-    this.viewport = ssp.viewport
-  
-  }
-
-  drawingPoint ( options: DrawingPointInfo, events?: DrawingPointEvents ): Promise<SetOptionsPointInfo> {
-
-    return new Promise( ( resolve ) => {
-
-      this.clearDrawingCanvas3D()
-
-      const canvas = new this.ssp.library.Canvas3D( {
-        id: DrawingIds.canvas,
-        points: [ {
-          ...options,
-          id: DrawingIds.point,
-        } ],
-      } )
-
-      this.ssp.manager.store.canvas3DManager.scene.add( canvas )
-
-      const point = canvas.getPoint( DrawingIds.point )
-
-      const onMouseMove = ( event: MouseEvent ) => {
-
-        if ( !point ) return
-
-        const intersects = this.ssp.viewport.getIntersects( event )
-        const position = intersects.length > 0 ? intersects[ 0 ].point.clone() : this.ssp.getPositionByOffset( event )
-
-        point.setOptions( {
-          position,
-        } )
-      
-      }
-
-      const onClick = ( event: MouseEvent ) => {
-
-        removeSignals()
-
-        if ( !point ) return
-
-        const intersects = this.ssp.viewport.getIntersects( event )
-        const position = intersects.length > 0 ? intersects[ 0 ].point.clone() : this.ssp.getPositionByOffset( event )
-
-        point.setOptions( {
-          position,
-        } )
-
-        resolve( {
-          ...options,
-          position: position.clone(),
-        } )
-      
-      }
-
-      const onRightClick = () => {
-
-        this.clearDrawingCanvas3D()
-        removeSignals()
-
-        events?.onCancel?.()
-      
-      }
-
-      const onKeyUp = ( event: KeyboardEvent ) => {
-
-        switch ( event.code ) {
-
-        case 'Escape':
-          onRightClick()
-          break
-        
-        }
-      
-      }
-
-      const removeSignals = () => {
-
-        this.ssp.signals.mouseMove.remove( onMouseMove )
-        this.ssp.signals.click.remove( onClick )
-        this.ssp.signals.rightClick.remove( onRightClick )
-        this.ssp.signals.keyUp.remove( onKeyUp )
-      
-      }
-
-      this.ssp.signals.mouseMove.add( onMouseMove )
-      this.ssp.signals.click.add( onClick )
-      this.ssp.signals.rightClick.add( onRightClick )
-      this.ssp.signals.keyUp.add( onKeyUp )
-    
-    } )
-
-  }
-
-  drawingLine ( options: DrawingLineInfo, events?: DrawingLineEvents ): Promise<SetOptionsLineInfo> {
-
-    return new Promise( ( resolve ) => {
-
-      this.clearDrawingCanvas3D()
-
-      const canvas = new this.ssp.library.Canvas3D( {
-        id: DrawingIds.canvas,
-        lines: [ {
-          ...options,
-          points: [],
-          id: DrawingIds.line,
-        } ],
-      } )
-
-      this.ssp.manager.store.canvas3DManager.scene.add( canvas )
-
-      const line = canvas.getLine( DrawingIds.line )
-      const linePoints: Position[] = []
-
-      const onMouseMove = ( event: MouseEvent ) => {
-
-        const intersects = this.ssp.viewport.getIntersects( event )
-        const position = intersects.length > 0 ? intersects[ 0 ].point.clone() : this.ssp.getPositionByOffset( event )
-
-        if ( !line ) return
-
-        line.setOptions( {
-          ...options,
-          points: [ ...linePoints, position.clone().setY( position.y + 1 ) ],
-        } )
-      
-      }
-
-      const onClick = ( event: MouseEvent ) => {
-
-        const intersects = this.ssp.viewport.getIntersects( event )
-        const position = intersects.length > 0 ? intersects[ 0 ].point.clone() : this.ssp.getPositionByOffset( event )
-
-        linePoints.push( position.clone().setY( position.y + 1 ) )
-
-        if ( !line ) return
-
-        line.setOptions( {
-          ...options,
-          points: linePoints,
-        } )
-      
-      }
-
-      const onRightClick = () => {
-
-        linePoints.pop()
-
-        if ( !line ) return
-
-        line.setOptions( {
-          ...options,
-          points: linePoints,
-        } )
-
-        events?.onCancelPrev?.()
-      
-      }
-
-      const onDblClick = () => {
-
-        removeSignals()
-
-        resolve( {
-          ...options,
-          points: linePoints,
-        } )
-      
-      }
-
-      const onKeyUp = ( event: KeyboardEvent ) => {
-
-        switch ( event.code ) {
-
-        case 'Backspace':
-          onRightClick()
-          break
-        case 'Escape':
-          this.clearDrawingCanvas3D()
-          removeSignals()
-
-          events?.onCancel?.()
-          break
-        
-        }
-      
-      }
-
-      const removeSignals = () => {
-
-        this.ssp.signals.mouseMove.remove( onMouseMove )
-        this.ssp.signals.click.remove( onClick )
-        this.ssp.signals.rightClick.remove( onRightClick )
-        this.ssp.signals.dblClick.remove( onDblClick )
-        this.ssp.signals.keyUp.remove( onKeyUp )
-      
-      }
-
-      this.ssp.signals.mouseMove.add( onMouseMove )
-      this.ssp.signals.click.add( onClick )
-      this.ssp.signals.rightClick.add( onRightClick )
-      this.ssp.signals.dblClick.add( onDblClick )
-      this.ssp.signals.keyUp.add( onKeyUp )
-    
-    } )
-
-  }
-
-  drawingPolygon ( options: DrawingPolygonInfo, events?: DrawingPolygonEvents ): Promise<SetOptionsPolygonInfo> {
-
-    return new Promise( ( resolve ) => {
-
-      this.clearDrawingCanvas3D()
-
-      const canvas = new this.ssp.library.Canvas3D( {
-        id: DrawingIds.canvas,
-        polygons: [ {
-          ...options,
-          points: [],
-          yHeight: 0,
-          id: DrawingIds.polygon,
-        } ],
-        lines: [ {
-          ...options,
-          points: [],
-          id: DrawingIds.line,
-          width: 2,
-        } ],
-      } )
-
-      this.ssp.manager.store.canvas3DManager.scene.add( canvas )
-
-      const polygon = canvas.getPolygon( DrawingIds.polygon )
-      const line = canvas.getLine( DrawingIds.line )
-      const polygonPoints: Position[] = []
-
-      const omMouseMove = ( event: MouseEvent ) => {
-
-        const intersects = this.ssp.viewport.getIntersects( event )
-        const position = intersects.length > 0 ? intersects[ 0 ].point.clone() : this.ssp.getPositionByOffset( event )
-
-        if ( !polygon ) return
-
-        const movingPolygonPoints = [ ...polygonPoints, position ]
-
-        if ( movingPolygonPoints.length > 2 ) {
-
-          canvas.removeLine( DrawingIds.line )
-
-        } else {
-
-          line?.setOptions( {
-            points: movingPolygonPoints,
-          } )
-
-        }
-
-        polygon.setOptions( {
-          yHeight: ( polygonPoints[ 0 ]?.y || position.y ) + 1,
-          points: movingPolygonPoints,
-        } )
-
-      }
-
-      const onClick = ( event: MouseEvent ) => {
-
-        const intersects = this.ssp.viewport.getIntersects( event )
-        const position = intersects.length > 0 ? intersects[ 0 ].point.clone() : this.ssp.getPositionByOffset( event )
-
-        polygonPoints.push( position.clone().setY( position.y + 1 ) )
-
-        if ( !polygon ) return
-
-        polygon.setOptions( {
-          ...options,
-          yHeight: ( polygonPoints[ 0 ]?.y || 0 ) + 1,
-          points: polygonPoints,
-        } )
-      
-      }
-
-      const onRightClick = () => {
-
-        polygonPoints.pop()
-
-        if ( !polygon ) return
-
-        polygon.setOptions( {
-          ...options,
-          yHeight: ( polygonPoints[ 0 ]?.y || 0 ) + 1,
-          points: polygonPoints,
-        } )
-
-        events?.onCancelPrev?.()
-      
-      }
-
-      const onDblClick = () => {
-
-        removeSignals()
-
-        resolve( {
-          ...options,
-          yHeight: ( polygonPoints[ 0 ]?.y || 0 ) + 1,
-          points: polygonPoints,
-        } )
-      
-      }
-
-      const onKeyUp = ( event: KeyboardEvent ) => {
-
-        switch ( event.code ) {
-
-        case 'Backspace':
-          onRightClick()
-          break
-        case 'Escape':
-          this.clearDrawingCanvas3D()
-          removeSignals()
-
-          events?.onCancel?.()
-          break
-        
-        }
-      
-      }
-
-      const removeSignals = () => {
-
-        this.ssp.signals.mouseMove.remove( omMouseMove )
-        this.ssp.signals.click.remove( onClick )
-        this.ssp.signals.rightClick.remove( onRightClick )
-        this.ssp.signals.dblClick.remove( onDblClick )
-        this.ssp.signals.keyUp.remove( onKeyUp )
-      
-      }
-
-      this.ssp.signals.mouseMove.add( omMouseMove )
-      this.ssp.signals.click.add( onClick )
-      this.ssp.signals.rightClick.add( onRightClick )
-      this.ssp.signals.dblClick.add( onDblClick )
-      this.ssp.signals.keyUp.add( onKeyUp )
-    
-    } )
-
-  }
-
-  drawingCircle ( options: DrawingCircleInfo, events?: DrawingCircleEvents ): Promise<SetOptionsCircleInfo> {
-
-    return new Promise( ( resolve ) => {
-
-      this.clearDrawingCanvas3D()
-
-      const canvas = new this.ssp.library.Canvas3D( {
-        id: DrawingIds.canvas,
-        circles: [ {
-          ...options,
-          id: DrawingIds.circle,
-        } ],
-      } )
-
-      this.ssp.manager.store.canvas3DManager.scene.add( canvas )
-
-      const circle = canvas.getCircle( DrawingIds.circle )
-
-      let position: Vector3 | null
-      let radius = 100
-
-      const onMouseMove = ( event: MouseEvent ) => {
-
-        if ( !circle || !position ) return
-
-        const intersects = this.ssp.viewport.getIntersects( event )
-        const mouseMovePosition = intersects.length > 0 ? intersects[ 0 ].point.clone() : this.ssp.getPositionByOffset( event )
-
-        radius = mouseMovePosition.distanceTo( position )
-
-        circle.setOptions( {
-          position,
-          radius,
-        } )
-      
-      }
-
-      const onClick = ( event: MouseEvent ) => {
-
-        if ( !circle ) return
-
-        const intersects = this.ssp.viewport.getIntersects( event )
-        const mouseMovePosition = intersects.length > 0 ? intersects[ 0 ].point.clone() : this.ssp.getPositionByOffset( event )
-
-        if ( !position ) position = mouseMovePosition.clone().setY( mouseMovePosition.y + 1 )
-        else {
-
-          removeSignals()
-          
-          radius = mouseMovePosition.distanceTo( this.ssp.utils.IVector3ToVector3( position ) )
-
-          circle.setOptions( {
-            position,
-            radius,
-          } )
-
-          resolve( {
-            ...options,
-            position,
-            radius,
-          } )
-        
-        }
-      
-      }
-
-      const onRightClick = () => {
-
-        this.clearDrawingCanvas3D()
-        removeSignals()
-
-        events?.onCancel?.()
-      
-      }
-
-      const onKeyUp = ( event: KeyboardEvent ) => {
-
-        switch ( event.code ) {
-
-        case 'Escape':
-          onRightClick()
-          break
-        
-        }
-      
-      }
-
-      const removeSignals = () => {
-
-        this.ssp.signals.mouseMove.remove( onMouseMove )
-        this.ssp.signals.click.remove( onClick )
-        this.ssp.signals.rightClick.remove( onRightClick )
-        this.ssp.signals.keyUp.remove( onKeyUp )
-      
-      }
-
-      this.ssp.signals.mouseMove.add( onMouseMove )
-      this.ssp.signals.click.add( onClick )
-      this.ssp.signals.rightClick.add( onRightClick )
-      this.ssp.signals.keyUp.add( onKeyUp )
-    
-    } )
-
-  }
-
-  clearDrawingCanvas3D (): void {
-
-    this.ssp.removeObjectById( DrawingIds.canvas )
-  
-  }
-
-}