front/src/components/Promo/load_models.vue

@@ -7,6 +7,7 @@ import {
     Object3D,
     MeshPhongMaterial,
     CircleGeometry,
+    MeshBasicMaterial,
 } from 'three';
 
 import { useTresContext, useSeek, useTexture, useLoop } from '@tresjs/core';
@@ -40,8 +41,9 @@ const { seekByName, seekAllByName } = useSeek()
 const groundTexture = await useTexture({
     displacementMap: '/ground_displacement.jpg',
 })
-
-const { scene: pointer_pin } = await useGLTF('/pointer.glb')
+const pointerTexture = await useTexture({
+    map: '/pointer_texture.png'
+})
 
 const timer = ref(10)
 setInterval(() => {
@@ -189,7 +191,7 @@ const loadModels = async () => {
 
             const point = new Mesh(
                 new CircleGeometry(p, 32),
-                new MeshPhongMaterial({ emissive: new Color(1, 1, 1), emissiveIntensity: 10 })
+                new MeshBasicMaterial({ map: pointerTexture.map })
             )
             point.rotateX(-0.5 * Math.PI)
             point.position.set(world_position.x, p * 3, world_position.z * 2)