front/components.d.ts

@@ -10,7 +10,7 @@ declare module 'vue' {
     Composer: typeof import('./src/components/Promo/composer.vue')['default']
     Env: typeof import('./src/components/Promo/env.vue')['default']
     Floorplan: typeof import('./src/components/Floorplan/index.vue')['default']
-    Gallery: typeof import('./src/components/Gallery/gallery.vue')['default']
+    Gallery: typeof import('./src/components/Gallery/index.vue')['default']
     Game: typeof import('./src/components/Game.vue')['default']
     Home: typeof import('./src/components/Home.vue')['default']
     IIconMdiHomeOutline: typeof import('~icons/ic/on-mdi-home-outline')['default']
@@ -32,7 +32,7 @@ declare module 'vue' {
     IMdiPlusCircle: typeof import('~icons/mdi/plus-circle')['default']
     IMdiShop: typeof import('~icons/mdi/shop')['default']
     IMdiVideo3d: typeof import('~icons/mdi/video3d')['default']
-    Item: typeof import('./src/components/Floorplan/item.vue')['default']
+    Item: typeof import('./src/components/Gallery/item.vue')['default']
     IUilAngleLeft: typeof import('~icons/uil/angle-left')['default']
     IUilAngleLeftB: typeof import('~icons/uil/angle-left-b')['default']
     IUilAngleRightB: typeof import('~icons/uil/angle-right-b')['default']

front/src/components/Gallery/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useRouter } from "vue-router";
 
-import GalleryItem from './gallery.vue';
+import GalleryItem from './item.vue';
 import KLogo from "../../assets/promo/logo.svg";
 import { useItem } from "../../stores/item";
 

front/src/components/Promo/load_models.vue

@@ -6,6 +6,7 @@ import {
     Vector2, Vector3,
     Quaternion, AdditiveBlending,
     Euler, SRGBColorSpace, RingGeometry,
+    CircleGeometry,
 } from 'three';
 
 import { useTresContext, useSeek, useTexture, useLoop } from '@tresjs/core';
@@ -177,13 +178,18 @@ const loadModels = async () => {
             ((find_element as Mesh).geometry.boundingBox as any).getCenter(world_position);
             (find_element as Mesh).localToWorld(world_position);
 
-            const p = raw_dataStore.data.min_distance * 0.05
+            const p = raw_dataStore.data.min_distance * 0.05;
+            const name = index % 5
+            const fileTexture = await import(`../../assets/pointer/${name}.png`);
+            const pointerTexture = await useTexture({
+                map: fileTexture.default
+            })
 
             const point_mesh = new Mesh(
-                new RingGeometry(0.25, 0.5, 32),
+                new CircleGeometry(0.5, 32),
                 new MeshBasicMaterial({
                     color: new Color('#fff'),
-                    // map: pointerTexture.map,
+                    map: pointerTexture.map,
                     transparent: true,
                     blending: AdditiveBlending
                 })