alevizio/globestudio
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
Open-source dotted maps and animated 3D globes for designers. 21 looks, PNG, SVG, GLB, WebM, MP4 and GIF export, embeds, a React component, a Figma plugin, an MCP server and an agent skill. MIT.
概要
Pick a country or the whole world, choose a look, change the dots and colors, and export PNG, SVG, GLB, WebM, MP4, or GIF. Built with React and Three.js. Most open-source map tools are built for engineers: tile servers, geocoding, GIS pipelines. Globestudio is for when the map is the picture, like a landing page hero, a launch teaser, a scrollytelling explainer, or a deck slide that needs a globe but not a database. You work by eye with the studio's controls and export when it looks right. The studio runs in your browser, and the code is MIT licensed. - Maps of the world, a continent, a subregion, a country, or a US state. - Flat map or 3D globe, with a morph between the two. The flat map sets its dots on a Mercator grid. The globe spaces its own evenly over the sphere, so the gaps between dots stay the same from the equator to the poles; designs in Square dots, such as Pixel, keep the flat map's grid there.
README
以下は原文 README の抜粋です。原文を見る。
Why Globestudio?
Most open-source map tools are built for engineers: tile servers, geocoding, GIS pipelines. Globestudio is for when the map is the picture, like a landing page hero, a launch teaser, a scrollytelling explainer, or a deck slide that needs a globe but not a database.
You work by eye with the studio’s controls and export when it looks right. The studio runs in your browser, and the code is MIT licensed.
Features
- Maps of the world, a continent, a subregion, a country, or a US state.
- Flat map or 3D globe, with a morph between the two. The flat map sets its dots on a Mercator grid. The globe spaces its own evenly over the sphere, so the gaps between dots stay the same from the equator to the poles; designs in Square dots, such as Pixel, keep the flat map’s grid there.
- 12 dot shapes (Circle, Hexagon, Triangle, Pentagon, Square, Diamond, Star, Plus, Ring, Voxel, Particle Grid, ASCII glyphs), or upload your own SVG, PNG, JPEG or WebP.
- 21 looks: Default plus 20 shader looks (Halftone, Risograph, Newsprint,
インストール
npx skills add alevizio/globestudio