16:I[54961,["/_next/static/immutable/chunks/10r1qlsoygogh.js","/_next/static/immutable/chunks/1_f1jqdld4ngu.js","/_next/static/immutable/chunks/19vifo6_mi-qi.js","/_next/static/immutable/chunks/3kb194ft35tsv.js","/_next/static/immutable/chunks/1kmzbl6k42gme.js","/_next/static/immutable/chunks/1ekzdpc_7chvz.js","/_next/static/immutable/chunks/3kscktpsmulhw.js","/_next/static/immutable/chunks/1wyf15k9llk8a.js"],"default"] 17:T4653,'use client'; import { useEffect, useRef, useState } from 'react'; import * as THREE from 'three'; import { clampNumber, frameLoop, isHex, reducedMotion } from './frame-loop'; import { isLand } from './earth-mask'; /** * DotPlanet — the Earth drawn only with points. Tens of thousands of points sit on a Fibonacci sphere; * a Natural Earth land mask keeps every point on land (dense, bright) and a sparse sprinkle on the * oceans (faint), so the continents read clearly. The globe turns on Earth's tilted axis; drag to spin * it and it coasts back to its own pace. Points fade with the curvature so the limb glows and the far * side never shows through. */ export type DotPlanetProps = { /** 0–2: rotation speed. */ speed?: number; /** 0–0.3: share of ocean points kept, for a faint sea. */ ocean?: number; /** Longitude (degrees) facing the viewer at start. */ startLongitude?: number; color?: string; background?: string; /** Show the major cities and the links that travel between them. */ connections?: boolean; /** Colour of the city dots and their links. */ accent?: string; compact?: boolean; paused?: boolean; className?: string; }; const hash = (x: number, y: number, z: number) => { const s = Math.sin(x * 127.1 + y * 311.7 + z * 74.7) * 43758.5453; return s - Math.floor(s); }; /** Evenly spread points on the unit sphere. */ export function fibonacciSphere(n: number) { const out = new Float32Array(n * 3), g = Math.PI * (3 - Math.sqrt(5)); for (let i = 0; i < n; i++) { const y = 1 - ((i + 0.5) / n) * 2, r = Math.sqrt(1 - y * y), t = g * i; out[i * 3] = Math.cos(t) * r; out[i * 3 + 1] = y; out[i * 3 + 2] = Math.sin(t) * r; } return out; } /** Latitude/longitude in degrees of a unit-sphere point (east appears to the right when seen from outside). */ export const toLatLon = (x: number, y: number, z: number) => ({ lat: (Math.asin(Math.max(-1, Math.min(1, y))) * 180) / Math.PI, lon: (Math.atan2(-z, x) * 180) / Math.PI, }); /** Points kept for the Earth: all land and a sparse share of ocean, with a slight jitter against grid patterns. */ export function planetPoints( n: number, ocean: number, land: (lat: number, lon: number) => boolean = isLand, ) { const all = fibonacciSphere(n), pos: number[] = [], flag: number[] = []; for (let i = 0; i < n; i++) { const x = all[i * 3], y = all[i * 3 + 1], z = all[i * 3 + 2], { lat, lon } = toLatLon(x, y, z), onLand = land(lat, lon); if (onLand || hash(i, 7, 1) < ocean) { const jx = (hash(i, 1, 3) - 0.5) * 0.006, jy = (hash(i, 2, 3) - 0.5) * 0.006, jz = (hash(i, 3, 3) - 0.5) * 0.006, l = Math.hypot(x + jx, y + jy, z + jz); pos.push((x + jx) / l, (y + jy) / l, (z + jz) / l); flag.push(onLand ? 1 : 0); } } return { positions: new Float32Array(pos), land: new Float32Array(flag) }; } const vertex = ` attribute float aLand;attribute float aSeed; uniform float uSize;uniform float uTime; varying float vFace;varying float vLand;varying float vTw; void main(){ vec4 mv=modelViewMatrix*vec4(position,1.); vFace=normalize(normalMatrix*position).z;vLand=aLand;vTw=.75+.25*sin(uTime*1.6+aSeed*40.); gl_PointSize=uSize*(aLand>.5?1.:.75)/-mv.z; gl_Position=projectionMatrix*mv; }`; const fragment = ` uniform vec3 uColor; varying float vFace;varying float vLand;varying float vTw; void main(){ vec2 c=gl_PointCoord-.5;if(dot(c,c)>.25)discard; float side=smoothstep(-.12,.3,vFace); float rim=1.-smoothstep(.0,.85,vFace); float a=(vLand>.5?.95:.16)*side*(.7+.5*rim)*vTw; gl_FragColor=vec4(uColor,a); }`; /** Major cities on every continent, as [name, latitude, longitude]. */ export const CITIES: [string, number, number][] = [ ['New York', 40.71, -74.01], ['Los Angeles', 34.05, -118.24], ['Mexico City', 19.43, -99.13], ['Havana', 23.11, -82.37], ['Bogotá', 4.71, -74.07], ['Caracas', 10.48, -66.9], ['Lima', -12.05, -77.04], ['São Paulo', -23.55, -46.63], ['Buenos Aires', -34.6, -58.38], ['Santiago', -33.45, -70.67], ['London', 51.51, -0.13], ['Paris', 48.86, 2.35], ['Madrid', 40.42, -3.7], ['Berlin', 52.52, 13.4], ['Moscow', 55.76, 37.62], ['Istanbul', 41.01, 28.98], ['Cairo', 30.04, 31.24], ['Lagos', 6.52, 3.38], ['Accra', 5.6, -0.19], ['Nairobi', -1.29, 36.82], ['Addis Ababa', 9.03, 38.74], ['Kinshasa', -4.44, 15.27], ['Johannesburg', -26.2, 28.05], ['Dubai', 25.2, 55.27], ['Tehran', 35.69, 51.39], ['Mumbai', 19.08, 72.88], ['Delhi', 28.61, 77.21], ['Dhaka', 23.81, 90.41], ['Beijing', 39.9, 116.41], ['Shanghai', 31.23, 121.47], ['Tokyo', 35.68, 139.69], ['Seoul', 37.57, 126.98], ['Singapore', 1.35, 103.82], ['Jakarta', -6.21, 106.85], ['Manila', 14.6, 120.98], ['Ulaanbaatar', 47.89, 106.91], ['Sydney', -33.87, 151.21], ['Auckland', -36.85, 174.76], ]; /** Unit-sphere position of a latitude/longitude, matching toLatLon. */ export function latLonToVector(lat: number, lon: number, r = 1) { const a = (lat * Math.PI) / 180, b = (lon * Math.PI) / 180; return [ Math.cos(a) * Math.cos(b) * r, Math.sin(a) * r, -Math.cos(a) * Math.sin(b) * r, ] as const; } /** Points of a great-circle arc between two unit vectors, lifted off the surface in the middle. */ export function arcPoints(a: readonly number[], b: readonly number[], steps = 64) { const dot = Math.max(-1, Math.min(1, a[0] * b[0] + a[1] * b[1] + a[2] * b[2])), omega = Math.acos(dot), sin = Math.sin(omega) || 1, lift = 0.03 + omega * 0.11, out = new Float32Array((steps + 1) * 3); for (let i = 0; i <= steps; i++) { const t = i / steps, k1 = Math.sin((1 - t) * omega) / sin, k2 = Math.sin(t * omega) / sin, r = 1.005 + Math.sin(t * Math.PI) * lift; out[i * 3] = (a[0] * k1 + b[0] * k2) * r; out[i * 3 + 1] = (a[1] * k1 + b[1] * k2) * r; out[i * 3 + 2] = (a[2] * k1 + b[2] * k2) * r; } return out; } const cityVertex = `attribute float aSeed;uniform float uSize;uniform float uTime;varying float vFace;varying float vPulse; void main(){vec4 mv=modelViewMatrix*vec4(position,1.);vFace=normalize(normalMatrix*position).z;vPulse=.6+.4*sin(uTime*2.2+aSeed*30.);gl_PointSize=uSize*(1.+vPulse*.35)/-mv.z;gl_Position=projectionMatrix*mv;}`; const cityFragment = `uniform vec3 uColor;varying float vFace;varying float vPulse; void main(){vec2 c=gl_PointCoord-.5;float d=length(c);if(d>.5)discard;float core=smoothstep(.22,.1,d),ring=smoothstep(.5,.38,d)*smoothstep(.3,.42,d)*.6; gl_FragColor=vec4(mix(uColor,vec3(1.),core*.6),(core+ring*vPulse)*smoothstep(-.05,.25,vFace));}`; export default function DotPlanet({ speed = 1, ocean = 0.07, startLongitude = -20, color = '#dfe6f2', background = '#030305', connections = true, accent = '#ffc98a', compact = false, paused = false, className = '', }: DotPlanetProps) { const root = useRef(null); const [failed, setFailed] = useState(false); const sea = clampNumber(ocean, 0.07, 0, 0.3), startLon = clampNumber(startLongitude, -20, -180, 180); const tune = useRef({ speed: clampNumber(speed, 1, 0, 2), color: isHex(color) ? color : '#dfe6f2', accent: isHex(accent) ? accent : '#ffc98a', connections, }); tune.current = { speed: clampNumber(speed, 1, 0, 2), color: isHex(color) ? color : '#dfe6f2', accent: isHex(accent) ? accent : '#ffc98a', connections, }; const pausedRef = useRef(paused); pausedRef.current = paused; const wake = useRef(() => {}); useEffect(() => { const host = root.current; if (!host) return; let renderer: THREE.WebGLRenderer; try { renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, powerPreference: 'low-power', }); } catch { setFailed(true); host.dataset.ready = 'true'; return; } renderer.setClearColor(0, 0); renderer.domElement.setAttribute('aria-hidden', 'true'); host.appendChild(renderer.domElement); const scene = new THREE.Scene(), camera = new THREE.PerspectiveCamera(32, 1, 0.1, 20); camera.position.set(0, 0, 4.1); const { positions, land: flags } = planetPoints(compact ? 36000 : 70000, sea); const geometry = new THREE.BufferGeometry(); geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3)); geometry.setAttribute('aLand', new THREE.BufferAttribute(flags, 1)); geometry.setAttribute( 'aSeed', new THREE.BufferAttribute( Float32Array.from({ length: flags.length }, (_, i) => hash(i, 2, 3)), 1, ), ); const material = new THREE.ShaderMaterial({ vertexShader: vertex, fragmentShader: fragment, transparent: true, depthWrite: false, blending: THREE.AdditiveBlending, uniforms: { uSize: { value: 7 }, uTime: { value: 0 }, uColor: { value: new THREE.Color(tune.current.color) }, }, }); const globe = new THREE.Points(geometry, material), tilt = new THREE.Group(); tilt.rotation.set(0.32, 0, -0.41); tilt.add(globe); scene.add(tilt); // A depth-only core hides whatever sits on the far side. const coreGeo = new THREE.SphereGeometry(0.99, 48, 32), coreMat = new THREE.MeshBasicMaterial({ colorWrite: false }); const core = new THREE.Mesh(coreGeo, coreMat); core.renderOrder = -1; globe.add(core); // Cities and the links that travel between them. const cityPos = new Float32Array(CITIES.length * 3), citySeed = new Float32Array(CITIES.length); CITIES.forEach(([, la, lo], i) => { cityPos.set(latLonToVector(la, lo, 1.004), i * 3); citySeed[i] = hash(i, 5, 9); }); const cityGeo = new THREE.BufferGeometry(); cityGeo.setAttribute('position', new THREE.BufferAttribute(cityPos, 3)); cityGeo.setAttribute('aSeed', new THREE.BufferAttribute(citySeed, 1)); const cityMat = new THREE.ShaderMaterial({ vertexShader: cityVertex, fragmentShader: cityFragment, transparent: true, depthWrite: false, uniforms: { uSize: { value: 30 }, uTime: { value: 0 }, uColor: { value: new THREE.Color(tune.current.accent) }, }, }); const cities = new THREE.Points(cityGeo, cityMat); globe.add(cities); const STEPS = 64, arcs = Array.from({ length: compact ? 4 : 7 }, () => { const g = new THREE.BufferGeometry(); g.setAttribute( 'position', new THREE.BufferAttribute(new Float32Array((STEPS + 1) * 3), 3), ); const m = new THREE.LineBasicMaterial({ color: new THREE.Color(tune.current.accent), transparent: true, opacity: 0, depthWrite: false, blending: THREE.AdditiveBlending, }); const line = new THREE.Line(g, m); line.visible = false; globe.add(line); return { line, g, m, t: -Math.random() * 3, dur: 2.6, live: false }; }); const far = (i: number, j: number) => { const p = latLonToVector(CITIES[i][1], CITIES[i][2]), q = latLonToVector(CITIES[j][1], CITIES[j][2]); return p[0] * q[0] + p[1] * q[1] + p[2] * q[2] < 0.9; }; const launch = (a: (typeof arcs)[number]) => { let i = 0, j = 0; for (let tries = 0; tries < 30; tries++) { i = Math.floor(Math.random() * CITIES.length); j = Math.floor(Math.random() * CITIES.length); if (i !== j && far(i, j)) break; } (a.g.attributes.position.array as Float32Array).set( arcPoints( latLonToVector(CITIES[i][1], CITIES[i][2]), latLonToVector(CITIES[j][1], CITIES[j][2]), STEPS, ), ); a.g.attributes.position.needsUpdate = true; a.g.computeBoundingSphere(); a.dur = 2.2 + Math.random() * 1.4; a.live = true; }; const stepArcs = (dt: number) => { for (const a of arcs) { const before = a.t; a.t += dt; if (a.t < 0) { a.line.visible = false; continue; } if (before < 0 || !a.live) { a.t = Math.max(0, a.t); launch(a); } const k = a.t / a.dur, head = Math.min(1, k / 0.6), tail = Math.max(0, (k - 0.45) / 0.55); a.line.visible = tune.current.connections; const from = Math.floor(tail * STEPS), to = Math.ceil(head * STEPS); a.g.setDrawRange(from, Math.max(0, to - from + 1)); a.m.opacity = 0.85 * Math.min(1, (1 - tail) * 2); if (k >= 1) { a.t = -(0.3 + Math.random() * 1.6); a.live = false; a.line.visible = false; } } }; let spin = (-(startLon + 90) * Math.PI) / 180, velocity = 0, drag: { x: number; id: number } | null = null, time = 0; const motion = reducedMotion(() => loop.wake()); const resize = () => { const b = host.getBoundingClientRect(), w = Math.max(1, b.width), h = Math.max(1, b.height), dpr = Math.min(2, devicePixelRatio || 1); renderer.setPixelRatio(dpr); renderer.setSize(w, h, false); camera.aspect = w / h; camera.position.z = w < h ? ((5.3 * h) / w) * 0.9 : 5.3; camera.updateProjectionMatrix(); material.uniforms.uSize.value = Math.max(Math.min(w, h) * 0.0125, 8) * dpr; cityMat.uniforms.uSize.value = Math.max(Math.min(w, h) * 0.05, 22) * dpr; render(); }; const render = () => { globe.rotation.y = spin; material.uniforms.uTime.value = time; cityMat.uniforms.uTime.value = time; cities.visible = tune.current.connections; cityMat.uniforms.uColor.value.set(tune.current.accent); arcs.forEach((a) => a.m.color.set(tune.current.accent)); material.uniforms.uColor.value.set(tune.current.color); renderer.render(scene, camera); }; const loop = frameLoop( host, (dt) => { const still = motion.query.matches; time += dt; if (!drag) { const base = still ? 0 : 0.16 * tune.current.speed; velocity += (base - velocity) * Math.min(1, dt * 1.4); } spin += velocity * dt; if (!still) stepArcs(dt); render(); return !still || !!drag || Math.abs(velocity) > 0.001; }, () => pausedRef.current, ); wake.current = () => { loop.wake(); render(); }; const down = (event: PointerEvent) => { drag = { x: event.clientX, id: event.pointerId }; host.setPointerCapture?.(event.pointerId); host.dataset.dragging = 'true'; loop.wake(); }; let lastMove = 0; const move = (event: PointerEvent) => { if (!drag || event.pointerId !== drag.id) return; const dx = event.clientX - drag.x, now = performance.now(), dt = Math.max(0.008, (now - lastMove) / 1000); lastMove = now; drag.x = event.clientX; const turn = (dx / Math.max(200, host.clientWidth)) * Math.PI; spin += turn; velocity = Math.max(-6, Math.min(6, turn / dt)); }; const up = () => { drag = null; delete host.dataset.dragging; loop.wake(); }; const key = (event: KeyboardEvent) => { if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') { event.preventDefault(); velocity += event.key === 'ArrowLeft' ? -1.2 : 1.2; loop.wake(); } }; host.addEventListener('pointerdown', down); host.addEventListener('pointermove', move); host.addEventListener('pointerup', up); host.addEventListener('pointercancel', up); host.addEventListener('keydown', key); const resized = new ResizeObserver(resize); resized.observe(host); resize(); renderer.domElement.addEventListener('webglcontextlost', (event) => { event.preventDefault(); setFailed(true); }); host.dataset.ready = 'true'; loop.wake(); return () => { loop.dispose(); motion.dispose(); resized.disconnect(); host.removeEventListener('pointerdown', down); host.removeEventListener('pointermove', move); host.removeEventListener('pointerup', up); host.removeEventListener('pointercancel', up); host.removeEventListener('keydown', key); geometry.dispose(); material.dispose(); coreGeo.dispose(); coreMat.dispose(); cityGeo.dispose(); cityMat.dispose(); arcs.forEach((a) => { a.g.dispose(); a.m.dispose(); }); renderer.dispose(); renderer.domElement.remove(); delete host.dataset.ready; }; }, [sea, startLon, compact]); useEffect(() => { wake.current(); }, [paused, speed, color, accent, connections]); return (

{failed && ); } const styles = ` .dot-planet{position:relative;width:100%;height:100%;min-height:240px;overflow:hidden;cursor:grab;touch-action:pan-y;outline:none} .dot-planet[data-dragging]{cursor:grabbing} .dot-planet:focus-visible{box-shadow:inset 0 0 0 2px #ffffff55} .dot-planet canvas{position:absolute;inset:0;width:100%;height:100%;display:block} .dp-fallback{position:absolute;left:50%;top:50%;width:min(70%,70cqh,520px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffff38 1px,transparent 1.6px) 0 0/7px 7px;-webkit-mask:radial-gradient(circle,#000 58%,transparent 71%);mask:radial-gradient(circle,#000 58%,transparent 71%);opacity:.7} `; 18:T2d9b,/** * Equirectangular land mask of the Earth (640×320), rasterized from the Natural Earth 4.1.0 1:50m land boundary * (public domain) as packaged by world-atlas 2.0.2 (ISC). Rows run north to south, columns west to east * from 180°W. Each row is run-length encoded in base 36, alternating sea and land, starting with sea. */ export const EARTH_MASK_SIZE = { width: 640, height: 320 } as const; const DATA = 'hs|hs|hs|hs|hs|hs|hs|hs|hs|hs|hs|73,4,1,8,ac|53,5,1,a,12,13,a4|4o,2,3,12,i,4,4,3,1,13,a0|4f,1c,5,3,1,9,1,d,2,z,2,4,4,1,9t|48,4,5,7,1,c,1,g,1,5,7,1y,2,f,3d,4,61|45,1,2,7,4,2,1,6,2,3,3,i,6,2h,31,a,7,3,4,5,1,1,1g,9,42|46,1,1,a,1,1,2,6,1,k,8,2c,1v,2,1,4,1,8,9,2,q,1,2,1,a,2,1,1,1p,5,4,1,42|47,e,1,1,2,l,e,2a,1h,3,3,2,1,5,2,b,2h,2,t,b,3z|3q,6,d,d,4,b,h,2f,1k,g,3p,8,2,2,1,2,3r|3b,7,7,a,2,6,4,5,1,1,3,k,6,2k,1l,1,1,4,3,5,2,3,3v,9,3p|38,2,1,5,h,3,4,2,i,d,c,2h,1q,9,5,4,7q|31,2,1,3,h,2,o,3,4,a,1,4,c,1,5,3,1,2b,1o,6,9,1,3w,7,3o|2y,4,1,3,2,2,8,1,m,5,5,1,1,k,f,2c,1,1,1u,2,2g,4,1m,a,3m|2u,5,1,1,6,4,6,3,7,3,2,1,1,5,8,6,f,1,l,4,1,2,1,1,3,22,2,1,3y,b,1d,2,4,1,1,n,3c|30,2,2,a,4,6,6,4,1,4,9,5,9,6,14,1x,3u,a,1e,12,14,1,2,9,1,4,1q|35,4,1,1,3,9,3,2,6,4,2,6,2,m,13,1t,4,3,3m,9,1b,1a,17,a,1,2,4,7,1g|2v,1,d,5,o,1,3,1,c,7,4,1,19,1u,3q,5,1d,17,2,1,3c|2r,e,v,2,5,8,1p,1p,3s,6,1g,13,2,2,1f,1,1y|2r,g,g,3,6,7,3,8,4,5,3,d,13,1h,1,1,2,2,3r,1,1,3,o,2,g,1b,4,7,1,9,8,5,1,3,k,1,2,4,1t|2q,c,1,6,1,3,3,1,3,4,5,3,1,6,3,7,4,5,2,9,1,2,3,2,12,1f,1,6,3p,6,n,5,5,1,6,1,3,17,1,15,l,1,1x|2p,a,3,h,1,5,7,8,3,2,7,6,3,7,2,3,1,5,y,1k,2,1,3p,6,n,7,4,2,3,4,4,29,1,2,h,a,2,2,1,2,1k|2r,7,3,j,1,5,9,4,3,3,7,7,1,j,1,1,w,3,1,1k,3n,7,m,8,2,3,1,a,1,2b,6,1,c,a,1,6,1j|0,4,11,2,1m,1,9,n,f,6,9,3,2,o,v,1,2,1b,3,4,o,1,30,1,1,4,j,a,2,7,1,7,2,2b,3,10,1c,2|10,d,1y,h,5,1,7,7,6,h,1,d,1,4,p,4,2,19,4,4,25,2,1,3,1,1,1,2,1,3,1a,1,j,9,3,g,1,3r,10|v,v,1,3,l,3,2,2,4,1,d,s,9,7,9,1,3,6,2,3,2,f,1,2,n,3,2,1g,27,2,1,a,1g,3,c,a,2,49,j,2,f|u,17,7,2,1,2,3,8,1,2,2,5,7,o,1,1,7,2,1,1,2,1,1,5,9,5,b,g,p,2,3,1b,22,r,t,1,j,8,4,1,1,8,2,4c,1,b,4,e,3|0,1,q,1e,2,4,1,s,1,2,3,9,4,1,1,1,1,3,3,1,1,7,2,7,1,3,6,5,5,1,4,2,1,d,t,19,20,1,4,z,k,2,7,1,8,1,3,b,4,6,5,2,2,4j,2,h|0,4,k,2l,a,3,1,2,d,1,6,6,1,4,3,7,5,1,9,c,o,3,1,13,26,2,1,13,a,4,8,5,3,n,1,8,2,5,2,51|0,8,j,2h,6,3,3,a,3,2,2,1,1,2,1,d,3,9,8,4,4,c,1,1,k,1,1,2,1,w,2c,1a,6,3,6,17,3,4,1,52|0,9,k,2r,1,l,1,o,h,g,g,10,2f,1a,5,3,4,17,3,59|0,9,1,5,i,2n,1,15,1,2,h,l,e,y,2d,z,2,c,6,18,1,3,2,5b|2,g,6,5,3,3r,l,c,3,1,1,5,f,r,1,3,m,1,1,2,4,2,1,4,1e,12,6,2,5,6u|0,1,2,2,1,7,1,2,6,3v,2,2,2,1,l,b,4,3,j,1,1,l,s,2,1,2,1,d,1a,h,6,h,9,6x|8,6,a,3x,2,5,9,l,p,k,w,g,19,i,7,h,3,2,5,6w|b,2,k,3n,2,9,7,3,4,f,n,1,1,j,x,d,19,j,5,j,4,6y,4|y,3i,5,6,2,4,f,d,n,k,z,7,1b,k,4,p,1,6z,2|h,3,b,3k,9,1,c,1,a,7,2,3,p,i,2g,j,6,7q,2|r,3l,f,3,d,1,6,1,1,5,u,d,2i,i,6,7t,1|q,3l,m,2,2,9,a,3,t,d,1q,1,m,l,7,70,2,k,8|p,3k,t,b,b,1,r,d,2c,l,8,6p,6,3,3,h,c|r,o,3,2r,t,d,13,a,2d,3,1,i,7,6o,6,3,4,f,e|c,1,e,4,1,h,2,6,2,1,1,2j,u,e,17,4,22,1,b,n,7,9,3,69,c,7,1,2,3,2,h|o,2,2,2,2,g,2,4,3,1,b,2a,v,e,8,2,3f,p,i,1,1,65,c,4,4,1,o|w,e,4,2,k,27,v,e,8,3,3e,1,1,m,a,5v,5,1,2,1,1,1,5,6,9,5,u|w,1,4,3,1,6,s,2,1,22,s,f,1,2,5,5,3e,7,3,b,b,5u,w,5,2,1,s|14,6,2,2,s,1,3,21,r,q,2r,2,1,4,i,3,5,a,9,1,4,5q,w,6,w|14,3,4,2,t,2,1,22,s,r,2s,3,1,3,l,1,2,8,a,1,3,5q,u,b,u|12,4,3,3,v,1,3,20,2,3,o,r,2q,7,j,3,4,7,3,1,5,3,2,5o,v,b,v|10,3,15,3,2,26,l,q,2s,5,j,5,4,7,7,5t,v,d,u|z,3,19,1,1,1,1,26,d,1,4,s,2q,1,2,2,1,1,j,3,3,1,1,3,b,5r,x,b,w|v,1,1,1,1c,1,1,1,1,3,1,26,e,v,2r,5,i,2,1,1,1,2,1,1,e,5o,z,b,w|r,3,1l,1,1,2d,5,10,2i,5,1,2,1,4,h,2,1,1,g,5p,4,1,w,b,w|2g,2d,6,11,2f,1,1,5,4,5,h,4,2,1,6,5y,1,1,8,1,n,8,z|2d,1,2,2,1,2b,5,y,2,3,1,1,2a,7,6,4,g,a,1,62,2,4,r,7,10|k,1,1s,1,5,2d,4,15,2b,5,3,9,9,6p,1,3,m,6,11|g,1,21,2d,5,14,2a,1,1,5,4,a,5,6r,1,3,n,4,12|8,1,2b,2c,4,15,29,5,4,c,4,6s,1,3,n,3,13|2k,2d,3,13,1,1,2m,6,5,1,1,6q,3,2,n,2,12,1,1|2m,3d,4,2,2j,9,2,6v,3,2,l,1,17|2l,3d,4,2,2j,1,1,1,9,6v,3,3,k,1,17|2m,4,2,2t,5,2,9,4,2s,6x,3,3,1s|2o,4,1,2q,4,1,4,2,7,8,2k,71,3,1,2,1,1r|2q,2,1,2o,2,7,a,9,2f,3,3,6z,3,2,1u|2q,3,2,2l,1,5,1,1,b,a,2f,74,20|2r,2o,1,9,f,1,1,1,1,1,2i,70,5,2,1u|2s,2x,7,1,8,1,3,1,2i,1z,2,l,2,1,1,48,6,2,1u|2r,2y,1,4,1,1,2x,1m,2,6,4,l,6,48,6,1,1v|2s,2z,4,2,2x,1k,6,2,5,j,8,47,l,1,1h|2s,2u,3,6,2z,o,2,1,1,r,6,6,1,i,7,49,8,1,1v|2r,2u,2,5,32,o,4,p,9,1,6,g,8,47,a,2,1u|2r,2q,5,3,35,h,2,5,5,o,i,f,6,47,b,4,3,1,1o|2r,2o,8,1,2t,2,2,1,7,g,5,6,4,n,k,e,6,45,b,7,1q|2r,2n,32,m,d,6,6,j,n,b,8,3y,1,3,c,8,1q|2r,2n,32,m,9,2,3,5,8,g,p,b,9,3v,g,2,2,2,1t|2r,2p,30,m,a,1,5,7,5,g,9,3,c,c,7,1,2,3r,i,2,1x|2r,2m,2,1,30,k,j,6,6,g,5,8,9,e,a,3q,j,1,1x|2r,2k,36,g,e,2,9,5,3,9,3,3,4,z,6,1,2,3a,2,d,j,2,1x|2r,2h,38,g,f,2,a,3,2,1,2,5,1,1,5,15,6,3c,3,c,k,3,1w|2s,2g,38,g,4,2,9,2,b,1,7,5,5,16,7,39,4,3,3,5,m,3,1w|2s,2e,39,h,f,1,d,1,7,4,5,1,1,13,9,35,7,1,6,4,m,3,1w|2t,2e,2a,1,y,g,s,1,8,6,3,1,1,13,9,35,d,6,k,4,1w|2u,2a,1,1,3a,f,n,5,1,1,9,3,1,1,5,13,9,38,a,1,1,5,i,4,1x|2u,2a,3c,d,r,3,c,1,1,1,1,1,4,15,7,37,2,4,8,5,d,1,2,5,1x|2v,2a,3g,7,a,3,2,7,1,1,6,1,d,1,7,1,1,4,1,z,6,3c,1,1,6,1,1,4,d,7,1y|2v,2a,3g,2,a,i,u,1,2,2,3,3,4,47,a,5,c,8,1y|2w,29,3g,2,8,k,19,45,c,5,c,8,1y|2x,27,3h,6,2,n,o,3,b,2,4,44,d,5,5,c,21|2y,24,3j,u,19,45,c,2,7,4,3,2,25|31,21,3i,u,19,47,j,2,2,2,1,2,26|33,1w,3j,y,17,47,b,1,5,3,1,2,1,1,29|34,1u,3i,12,1,1,e,2,m,49,e,1,2,3,2d|34,1s,3k,17,9,5,l,4a,g,2,2e|35,1r,3j,18,8,a,h,4b,e,3,2e|35,3,3,1k,3k,1b,6,d,4,5,2,4c,g,1,2f|36,2,3,18,1,b,3j,1f,2,50,2x|36,2,4,13,1,1,7,2,1,4,3k,2w,2,3j,2w|37,2,3,v,7,3,b,4,3i,2v,5,3j,2v|38,2,2,v,m,3,3b,1,5,25,1,r,4,3i,2w|39,2,3,q,p,3,3g,29,1,o,5,3h,2w|39,3,3,o,r,3,37,1,4,2c,2,o,5,3f,2x|38,4,4,m,r,4,3b,2c,4,o,6,3c,2y|3b,3,3,m,r,4,2,1,1,1,35,2c,4,p,7,2,1,1,1,34,2z|3c,2,4,l,s,3,38,2f,4,o,d,33,2z|3d,1,4,l,t,1,39,2g,4,n,1,2,7,1,3,32,2z|3d,2,5,j,z,1,33,2g,4,q,6,2,j,2k,4,2,2v|3e,1,6,h,z,1,33,2i,4,o,6,4,j,2h,1,1,3,3,2v|3f,2,5,g,42,2j,5,y,i,2h,5,2,2w|3g,1,6,f,41,2k,6,10,h,2d,7,2,2w|3o,e,p,7,35,2l,5,10,k,11,1,16,9,1,2x|10,1,2n,e,o,2,2,8,30,2n,4,11,h,5,1,r,1,4,2,14,b,1,2x|3m,1,2,d,q,1,5,5,2z,2o,4,10,i,4,2,q,8,z,1,1,3b|3p,e,d,6,e,5,4,1,2s,2o,4,z,k,3,1,p,a,r,4,1,3g|3p,e,c,7,h,4,2w,2n,4,x,r,o,b,o,6,1,3g|17,1,2g,g,b,6,h,2,1,2,2w,2n,6,v,q,o,c,o,6,2,3f|17,2,2g,g,a,5,r,5,2n,2n,7,u,q,m,g,l,5,4,3f|3r,f,8,6,r,7,2l,2o,6,s,t,k,g,m,5,3,3g|3s,g,1,a,i,3,4,6,7,2,2g,2p,6,r,t,j,j,l,5,1,j,3,2v|3v,o,3k,2q,6,n,w,i,k,l,p,3,2v|3x,m,34,1,f,2q,6,n,w,h,l,4,1,h,o,4,2u|40,j,3k,2r,6,i,10,g,m,4,1,i,n,3,2v|42,4,3,9,1c,1,1w,1,b,2r,6,h,12,d,o,1,4,j,l,3,2w|4a,g,3c,2s,6,g,13,c,v,j,k,3,2w|4b,h,2w,1,c,2v,4,d,17,a,w,k,j,3,2w|4c,g,3a,2w,3,a,19,b,v,k,l,1,2w|4g,c,13,1,26,2x,2,8,1c,a,v,k,l,1,1,3,2s|4i,2,1,6,3b,2x,2,4,1g,a,w,3,1,f,k,2,3,1,2s|4l,6,3c,2y,1,1,g,1,11,a,w,3,1,g,k,1,4,1,2r|4m,5,l,2,1,1,2n,2y,1l,8,x,3,5,b,j,1,7,2,2p|4n,4,j,2,2t,2w,c,2,17,8,y,1,6,b,n,2,2,2,2p|4n,4,g,5,1,6,7,1,2e,2x,6,7,18,7,w,3,6,a,j,1,4,1,2,2,2q|4n,5,e,h,3,2,3,1,2a,39,18,7,x,1,a,5,l,1,5,1,3,1,2p|4o,5,d,6,2,h,2d,36,1a,5,y,1,b,1,u,3,2r|4r,3,4,3,4,7,2,i,2c,36,1a,5,1,2,v,1,a,2,m,1,7,1,4,1,2o|4r,7,2,2,2,r,2d,36,1a,3,3,2,v,3,8,1,2,1,w,2,2o|4v,2,4,2,1,v,2a,34,1c,1,4,3,v,2,15,6,2n|4w,2,3,z,29,33,1i,3,v,3,12,2,2,4,2n|52,y,2b,31,1i,4,v,2,15,5,2n|52,10,2b,2y,1j,3,x,3,q,2,c,2,2p|53,z,1,1,1,2,27,k,7,26,2j,4,o,4,32|52,18,25,g,b,24,2b,2,8,4,m,7,30|53,18,26,3,8,1,d,24,2c,4,5,5,k,6,32|52,1b,2z,1x,2e,4,4,5,i,7,g,1,2m|53,1a,2y,1,1,1v,2g,4,4,4,i,7,33|52,1b,31,1t,2i,4,3,4,h,8,33|51,1d,2z,1t,2k,4,3,4,d,c,i,1,2j|50,1f,2y,1r,2n,6,1,3,d,c,32|50,1f,2y,1q,2p,5,3,1,9,3,1,d,g,2,2j|4y,1h,2y,1p,2n,1,2,7,1,1,9,h,3,8,5,1,2k|4y,1h,2y,1o,2r,8,a,f,4,1,2y|4e,1,i,1l,2v,1n,2u,6,2,1,7,f,i,1,2k|4d,1,j,1g,1,7,2r,1n,2v,6,a,f,4,1,3,2,d,6,3,1,26|4w,1f,1,5,1,5,2q,1l,2x,7,a,b,5,8,d,6,29|4w,1i,1,a,2o,1k,2y,7,1,2,7,b,5,4,5,1,9,1,3,3,6,3,e,1,1m|4x,1v,2l,1j,30,a,6,b,5,5,j,1,1,1,3,8,1y|4y,20,2h,1g,2z,1,2,8,2,1,7,8,4,3,1,2,8,1,2,4,4,4,1,c,g,1,1e|4x,22,2g,1g,33,6,g,3,5,2,1,2,8,1,1,1,4,1,3,1,1,i,1s|4w,24,2g,1e,34,6,p,1,2,2,m,i,b,1,1,1,1c|4w,26,2f,1d,36,4,o,2,2,1,1,1,o,g,b,1,1d|4w,29,2d,1b,1,1,36,3,o,2,3,2,q,e,2,1,6,2,1e|4w,2a,2c,1b,4q,1,6,f,4,4,6,1,18|4x,29,2c,1b,3b,5,1h,h,d,1,17|4y,28,2d,1b,3b,e,b,1,w,e,1n|4z,27,2d,1b,3d,a,p,1,6,1,b,h,1m|4z,27,2e,1a,3j,6,1,1,4,1,8,1,8,1,h,2,2,6,5,3,k,1,10|50,26,2e,1a,3p,1,1,2,1,4,1,5,4,4,o,5,5,4,1k|50,25,2e,1b,47,2,u,1,7,4,l,1,x|51,23,2g,1b,3y,2,5,2,14,4,j,1,y|51,22,2h,1c,5e,2,j,1,w|52,20,2j,1b,51,1,1u|53,1y,2k,1b,4f,3,2,1,5,1,a,1,u,1,z|53,1y,2j,1c,f,1,44,4,2,1,9,2,1u|54,1w,2j,1d,f,1,40,b,9,3,1t|54,1v,2k,1d,f,2,3y,c,9,3,1t|d,1,4q,1v,2j,1e,d,4,3s,1,5,b,a,3,1t|g,1,4o,1u,2j,1e,d,4,3r,3,3,b,b,5,1r|56,1t,2j,1e,d,4,3q,6,1,b,b,6,1q|57,1s,2i,1f,b,5,1,1,3n,l,a,6,12,1,n|58,1r,2i,1e,9,8,3p,n,7,8,12,1,m|5b,1o,2i,1d,9,a,3l,1,1,p,2,1,3,8,1n,1,1|5c,1m,2j,1b,a,a,3l,2,1,r,4,8,1p|1i,1,3u,1l,2j,19,c,a,3l,17,13,1,f,2,3|5f,1j,2j,18,d,a,3l,17,1o|5f,1i,2l,16,f,8,3l,18,14,1,j|5f,1i,2m,14,g,8,3l,1a,1m|5f,1i,2m,13,h,8,3i,1e,1l|5f,1h,2o,12,g,8,3g,1i,s,1,r|5f,1g,2p,12,g,8,c,1,2z,1n,s,1,3,1,m|5f,1g,2q,12,e,9,3b,1p,s,2,o|5f,1f,2r,12,e,8,39,1s,u,1,n|5f,1e,2t,11,e,8,39,1u,1g|5f,19,2y,11,f,7,39,1u,1g|5f,17,1,1,2y,11,f,7,39,1v,1f|5f,15,32,11,f,6,3a,1w,1e|5f,14,33,y,i,5,3b,1x,1,1,1b|5e,14,34,w,41,1x,1c|5e,14,35,w,3y,1z,1c|5e,13,36,v,40,1y,1c|5e,14,35,v,41,1x,1c|5e,14,36,u,41,1y,1b|5d,14,38,t,41,1y,1b|5d,13,3a,q,44,1x,1b|5d,12,3b,p,45,1x,1b|5d,12,3c,o,45,1w,1c|5d,10,3e,n,47,1v,1c|5d,z,1,1,3e,l,48,1v,1c|5d,y,3h,k,4a,n,5,12,1c|5d,y,3i,i,4b,i,e,x,1d|5d,y,3h,i,4c,g,g,w,1e|5d,x,3j,f,4d,f,k,4,1,o,1f|5c,x,3k,7,1,1,1,1,4g,9,r,3,2,o,1f|5c,o,3,5,3m,2,4q,5,t,2,2,1,1,m,13,1,c|5b,r,9l,1,2,m,14,2,a|5b,r,9l,2,2,k,16,1,a|5a,s,9q,j,16,2,9|5a,t,9q,i,17,1,1,1,7|59,u,9q,i,18,2,7|59,t,9s,7,1,5,1c,6,3|59,r,9y,2,2,3,1d,7,3|5a,j,bo,6,5|5a,k,bo,5,5|59,k,ae,1,1c,2,6|59,f,1,4,a8,1,1c,1,4,2,7|59,f,ad,7,16,4,1,2,7|58,1,2,d,ae,6,15,5,a|58,1,2,g,ab,5,15,5,b|58,1,2,f,ad,4,14,5,c|5a,e,bm,5,d|58,1,1,e,bj,6,f|57,3,1,c,bj,6,g|58,1,1,b,bk,7,g|57,d,bk,8,g|56,e,bn,3,i|58,d,bl,1,l|58,f,c5|56,h,c5|58,d,c7|57,d,6q,3,5f|56,e,c8|58,a,ca|57,a,cb|59,8,f,5,br|59,9,e,1,1,2,bs|58,3,2,2,1,1,cb|5a,1,2,1,1,3,ca|59,2,1,8,c8|5d,1,3,4,1h,1,ap|5g,2,1,5,c4|5g,3,c9|hs|hs|hs|hs|hs|hs|hs|hs|hs|hs|hs|5z,2,br|hs|61,2,1,2,bm|5y,2,bs|5r,1,3,4,3,1,bp|5s,3,bx|5r,3,80,2,3w|5l,1,2,8,5k,7,20,1,8,6,b,6,39|5j,1,2,4,2,1,5k,c,1o,6,1,o,4,9,f,1,1,3,5,i,20|5i,1,1,4,5n,c,1,4,1a,1h,3,6,2,17,1r|5l,2,5h,14,3,1,l,33,1,3,1o|5l,3,5b,1d,g,3d,c,1,1a|5d,2,5,7,4r,3,a,1h,f,3t,18|5a,1,1,4,2,c,4p,3,8,1g,e,43,11|55,2,5,5,1,b,3v,1,t,a,1,1f,a,4b,z|58,1,5,4,2,b,1,1,3a,8,3,c,4,2,2,1,8,20,6,4e,1,2,2,2,q|5a,9,1,b,2j,1,3,3,5,1,7,3c,5,4s,l|56,5,1,7,2,b,2f,3x,6,4y,g|3y,8,19,3,3,b,2g,3w,4,4y,i|3s,2,j,2,2,2,11,c,2b,40,2,51,i|2l,3,1a,q,8,4,6,2,4,i,29,8y,1,4,m|2o,3,3,4,1,1,4,1,3,1,m,1z,20,1,b,8v,r|2e,1,6,1,e,a,3,3,i,1v,28,8x,1,3,q|23,1,1,19,m,1s,27,8y,v|1p,1,2,4,1,3t,24,94,u|1k,2,2,3v,20,9e,v|1g,1,1,2,5,3e,2b,9j,v|13,8,5,1,1,1,1,3,2,3g,23,9r,5,1,n|12,3t,6,9,18,5,i,9v,s|18,3j,3,8,h,2,u,b,e,a0,o|s,5,c,3l,k,4,w,d,f,9o,1,1,w|v,6,h,3n,8,3,4,1,t,e,i,1,4,9d,10|1h,3k,1,2,q,4,c,h,q,9b,10|1j,3n,6,3,a,1,2,6,9,9,p,9p,y|15,4g,19,9z,z|1a,4g,12,a5,v|1c,4i,c,f,3,a7,4,2,r|c,4,d,3,c,4m,7,b4,n|k,g,1,gb,g|r,gx,4|0,j,f,gu|0,hs|0,hs|0,hs|0,hs|0,hs|0,hs|0,hs|0,hs|0,hs'; let cache: Uint8Array | null = null; /** Decoded mask, 1 for land and 0 for sea, row-major from the north-west corner. */ export function earthMask() { if (cache) return cache; const out = new Uint8Array(640 * 320); let k = 0; for (const row of DATA.split('|')) { let v = 0; for (const run of row.split(',')) { const n = parseInt(run, 36); if (v) out.fill(1, k, k + n); k += n; v ^= 1; } } return (cache = out); } /** True when latitude/longitude (degrees) falls on land. */ export function isLand(lat: number, lon: number) { const m = earthMask(), x = Math.min( 639, Math.max(0, Math.floor((((((lon + 180) % 360) + 360) % 360) / 360) * 640)), ), y = Math.min(319, Math.max(0, Math.floor(((90 - lat) / 180) * 320))); return m[y * 640 + x] === 1; } 19:Ta89,/** * Shared animation loop for Motiqo motion pieces. It runs `tick` on requestAnimationFrame only while * the host is on screen, the tab is visible and the caller is not paused; `tick` returns false when * there is nothing left to animate, and `wake()` starts it again. Time is passed in seconds, clamped * so a long stall never produces a jump. */ export type FrameLoop = { wake: () => void; dispose: () => void; readonly running: boolean; }; export function frameLoop( host: Element, tick: (dt: number, time: number) => boolean | void, blocked: () => boolean = () => false, ): FrameLoop { let raf = 0, last = 0, time = 0, onScreen = true, disposed = false; const allowed = () => !disposed && onScreen && !document.hidden && !blocked(); const frame = (now: number) => { raf = 0; const dt = last ? Math.min(0.05, Math.max(0, (now - last) / 1000)) : 1 / 60; last = now; time += dt; const more = tick(dt, time); if (more !== false && allowed()) raf = requestAnimationFrame(frame); else last = 0; }; const wake = () => { if (allowed()) { if (!raf) raf = requestAnimationFrame(frame); } else { if (raf) cancelAnimationFrame(raf); raf = 0; last = 0; } }; const seen = new IntersectionObserver(([entry]) => { onScreen = entry.isIntersecting; wake(); }); seen.observe(host); document.addEventListener('visibilitychange', wake); return { wake, dispose() { disposed = true; if (raf) cancelAnimationFrame(raf); raf = 0; seen.disconnect(); document.removeEventListener('visibilitychange', wake); }, get running() { return raf !== 0; }, }; } /** Subscribes to prefers-reduced-motion; returns the query and an unsubscribe function. */ export function reducedMotion(onChange: () => void) { const query = matchMedia('(prefers-reduced-motion: reduce)'); query.addEventListener('change', onChange); return { query, dispose: () => query.removeEventListener('change', onChange) }; } export const clampNumber = ( value: unknown, fallback: number, min: number, max: number, ) => { const n = typeof value === 'number' && Number.isFinite(value) ? value : fallback; return Math.min(max, Math.max(min, n)); }; export const isHex = (value: unknown): value is string => typeof value === 'string' && /^#[\da-f]{6}$/i.test(value); export const smooth = (t: number) => { const x = Math.min(1, Math.max(0, t)); return x * x * (3 - 2 * x); }; export const easeOutBack = (t: number) => { const x = Math.min(1, Math.max(0, t)), c = 1.70158; return 1 + (c + 1) * Math.pow(x - 1, 3) + c * Math.pow(x - 1, 2); }; b:["$","$L16",null,{"viewer":{"user":null,"pro":false,"plan":null,"renewsAt":null,"cancelAtPeriodEnd":false,"provider":null},"initialView":"preview","originalSource":{"dot-planet":[{"name":"dot-planet.tsx","code":"$17"},{"name":"earth-mask.ts","code":"$18"},{"name":"frame-loop.ts","code":"$19"}]},"initialElement":"dot-planet","initialConfiguration":"$undefined","initialSaved":false,"initialTag":"","initialGroup":"$undefined","initialFree":false}]