Atlas

Overview

Atlas is a full-viewport interactive 3D Earth explorer by SonoJS. Built with Vite, React 19, TypeScript, Three.js, and GSAP. Custom day/night Earth shaders, clouds, and stars; pixel-accurate country picking via a GeoJSON-rasterized ID map; fly-to and panel UI for curated places plus local Wikimedia assets under public/assets/atlas. Self-hosted Poppins and Inter. Demo explorer UI only - no backend. Static build ready for Cloudflare Workers.

Highlights

1. 01

   Physics-lit Earth

   Custom Three.js day / night / specular / cloud shaders - not a stock MeshStandardMaterial globe.

2. 02

   Pixel-accurate countries

   GeoJSON-rasterized ID map so hover and pick resolve to the right admin-0 boundary.

3. 03

   Fly-to and place cards

   GSAP camera fly-to with landmark photography and expandable place panels.

4. 04

   Static and fork-ready

   Vite build to dist/ with local atlas textures and content.json - deploy anywhere static.

You get

• Full Vite + React 19 + TypeScript source (Atlas)
• atlas module (globe shaders, country pick, panels, content)
• public/assets/atlas (Earth textures, GeoJSON, places, content.json)
• Self-hosted Poppins + Inter via @fontsource