.

modules/CharactorManager.js

@@ -11,6 +11,8 @@ export default class CharactorManager {
 
         this.frameRate = settings.video.frameRate;
 
+        this.texture = new BABYLON.Texture("https://4dkk.4dage.com/v3/img/marker.png", scene);
+
     }
 
     readPointData() {
@@ -28,10 +30,24 @@ export default class CharactorManager {
                 data.position = new BABYLON.Vector3(-data.position.x, data.position.y, data.position.z)
 
 
-                var sphere = BABYLON.MeshBuilder.CreateSphere("sphere", {diameter: 0.2, segments: 32}, this.app.scene);
-                sphere.position.x = data.position.x;
-                sphere.position.y = data.position.y+1;
-                sphere.position.z = data.position.z;
+                // var sphere = BABYLON.MeshBuilder.CreateSphere("sphere", {diameter: 0.2, segments: 32}, this.app.scene);
+                // sphere.position.x = data.position.x;
+                // sphere.position.y = data.position.y+1;
+                // sphere.position.z = data.position.z;
+
+                var plane = new BABYLON.Mesh.CreatePlane("TextPlane", 0.2, scene, true);
+                plane.material = new BABYLON.StandardMaterial("TextPlaneMaterial", scene);
+                plane.material.alpha = 1,
+                plane.material.emissiveTexture = this.texture,
+                plane.material.backFaceCulling = true,
+                plane.material.diffuseTexture = this.texture,
+                plane.material.diffuseTexture.hasAlpha = !0,
+                plane.material.useAlphaFromDiffuseTexture = !0
+
+                plane.rotation.x = Math.PI / 2
+                plane.position.x = data.position.x;
+                plane.position.y = data.position.y+0.01;
+                plane.position.z = data.position.z;
             })
         })
     }