From 2f51dd1009aa23d995175c2d74481a6bbf65c184 Mon Sep 17 00:00:00 2001
From: Nils Petter Fremming <35219649+nilscognite@users.noreply.github.com>
Date: Fri, 20 Sep 2024 15:03:33 +0200
Subject: [PATCH] Update FlexibleCameraMarkers.ts

---
 .../camera-manager/src/Flexible/FlexibleCameraMarkers.ts  | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/viewer/packages/camera-manager/src/Flexible/FlexibleCameraMarkers.ts b/viewer/packages/camera-manager/src/Flexible/FlexibleCameraMarkers.ts
index 9e60e3d76d4..c5a68745e77 100644
--- a/viewer/packages/camera-manager/src/Flexible/FlexibleCameraMarkers.ts
+++ b/viewer/packages/camera-manager/src/Flexible/FlexibleCameraMarkers.ts
@@ -7,6 +7,10 @@ import { FlexibleCameraManager } from './FlexibleCameraManager';
 import { FlexibleControlsType } from './FlexibleControlsType';
 import { FlexibleControlsOptions } from './FlexibleControlsOptions';
 
+const TEXTURE_SIZE = 25;
+const LINE_WIDTH = 3;
+const NO_DEPTH_TEST_OPACITY = 0.5;
+
 export class FlexibleCameraMarkers {
   private readonly _scene: Scene;
   private _targetMarker1: Sprite | undefined;
@@ -92,11 +96,11 @@ function setPosition(object3D: Object3D, position: Vector3, manager: FlexibleCam
 }
 
 function createSprite(options: FlexibleControlsOptions, depthTest: boolean): Sprite {
-  const texture = createTexture(25, 3, options.outerMarkerColor, options.innerMarkerColor);
+  const texture = createTexture(TEXTURE_SIZE, LINE_WIDTH, options.outerMarkerColor, options.innerMarkerColor);
   const material = new SpriteMaterial({ map: texture, depthTest });
   if (!depthTest) {
     material.transparent = true;
-    material.opacity = 0.5;
+    material.opacity = NO_DEPTH_TEST_OPACITY;
   }
   const sprite = new Sprite(material);
   sprite.updateMatrixWorld();