Merge branch 'main' of https://gitlab.com/robossembler/webservice into alexander

ui/src/core/extensions/extensions.ts

@@ -44,6 +44,7 @@ declare global {
     toArray(): V[];
     getPredicateValue(callBack: (value: V) => boolean): K[];
   }
+  interface Vector3 {}
 }
 export const extensions = () => {
   StringExtensions();

ui/src/core/repository/core_three_repository.ts

@@ -21,9 +21,7 @@ import {
   Quaternion,
   MeshBasicMaterial,
   PlaneGeometry,
-  BoxGeometry,
-  BufferGeometry,
-  Line,
+  BoxGeometry
 } from "three";
 import { TypedEvent } from "../helper/typed_event";
 import { Result } from "../helper/result";
@@ -36,8 +34,7 @@ import {
 import { SceneMode } from "../../features/scene_manager/model/scene_view";
 import { throttle } from "../helper/throttle";
 import { Asset, InstanceRgbCamera, RobossemblerAssets, SceneSimpleObject } from "../model/robossembler_assets";
-import { CoreVector3 } from "../model/core_vector3";
-
+ 
 export enum UserData {
   selectedObject = "selected_object",
   cameraInitialization = "camera_initialization",
@@ -288,6 +285,18 @@ export class CoreThreeRepository extends TypedEvent<BaseSceneItemModel> {
     floor.userData = {};
     floor.userData[UserData.cameraInitialization] = true;
     this.scene.add(floor);
+
+    const planeMesh = new Mesh(
+      new PlaneGeometry(10, 10, 10, 10),
+      new MeshBasicMaterial({ color: 0x808080, wireframe: true })
+    );
+    planeMesh.userData[UserData.selectedObject] = true;
+    planeMesh.userData[UserData.objectForMagnetism] = true;
+    planeMesh.rotation.x = -Math.PI / 2;
+    this.makeCube(1);
+    this.makeCube(2, new Vector3(20, 0, 10), "yellow");
+
+    this.scene.add(planeMesh);
   }
 
   render() {