front/src/components/Promo/load_models.vue

@@ -8,6 +8,7 @@ import {
     Quaternion, AdditiveBlending,
     Euler,
     SRGBColorSpace,
+    RingGeometry,
 } from 'three';
 
 import { useTresContext, useSeek, useTexture, useLoop } from '@tresjs/core';
@@ -179,7 +180,7 @@ const loadModels = async () => {
             const p = raw_dataStore.data.min_distance * 0.05
 
             const point_mesh = new Mesh(
-                new CircleGeometry(0.5 * (index + 1), 32),
+                new RingGeometry(0.25, 0.5, 32),
                 new MeshBasicMaterial({
                     color: new Color('#fff'),
                     // map: pointerTexture.map,