diff --git a/front/public/pointer.glb b/front/public/pointer.glb deleted file mode 100644 index 73d796e..0000000 Binary files a/front/public/pointer.glb and /dev/null differ diff --git a/front/public/pointer_texture.png b/front/public/pointer_texture.png new file mode 100644 index 0000000..739fdd7 Binary files /dev/null and b/front/public/pointer_texture.png differ diff --git a/front/src/components/Promo/load_models.vue b/front/src/components/Promo/load_models.vue index 67cf20e..3aa6fdb 100644 --- a/front/src/components/Promo/load_models.vue +++ b/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)