diff --git a/packages/ui/src/components/animation/Globe.svelte b/packages/ui/src/components/animation/Globe.svelte index 97991d6..4fc1cd8 100644 --- a/packages/ui/src/components/animation/Globe.svelte +++ b/packages/ui/src/components/animation/Globe.svelte @@ -12,8 +12,7 @@ // let className = "" // export { className as class } - let { locations = [], class: className }: { class?: string; locations?: [number, number][] } = - $props() + let { locations, class: className }: { class?: string; locations?: [number, number][] } = $props() let pointerInteracting: number | null = null let pointerInteractionMovement = 0 let canvas: HTMLCanvasElement @@ -54,24 +53,25 @@ baseColor: [0.3, 0.3, 0.3], markerColor: [251 / 255, 100 / 255, 21 / 255], glowColor: [1, 1, 1], - markers: locations.map((location) => { - return { - location: location, - size: 0.03 - } - }), - // [ - // { location: [14.5995, 120.9842], size: 0.03 }, - // { location: [19.076, 72.8777], size: 0.03 }, - // { location: [23.8103, 90.4125], size: 0.05 }, - // { location: [30.0444, 31.2357], size: 0.07 }, - // { location: [39.9042, 116.4074], size: 0.08 }, - // { location: [-23.5505, -46.6333], size: 0.05 }, - // { location: [19.4326, -99.1332], size: 0.04 }, - // { location: [40.7128, -74.006], size: 0.1 }, - // { location: [34.6937, 135.5022], size: 0.05 }, - // { location: [41.0082, 28.9784], size: 0.06 } - // ], + markers: locations + ? locations.map((location) => { + return { + location: location, + size: 0.03 + } + }) + : [ + { location: [14.5995, 120.9842], size: 0.03 }, + { location: [19.076, 72.8777], size: 0.03 }, + { location: [23.8103, 90.4125], size: 0.05 }, + { location: [30.0444, 31.2357], size: 0.07 }, + { location: [39.9042, 116.4074], size: 0.08 }, + { location: [-23.5505, -46.6333], size: 0.05 }, + { location: [19.4326, -99.1332], size: 0.04 }, + { location: [40.7128, -74.006], size: 0.1 }, + { location: [34.6937, 135.5022], size: 0.05 }, + { location: [41.0082, 28.9784], size: 0.06 } + ], // onRender: (state) => { // if (!pointerInteracting) { // // Called on every animation frame.