Globestudio icon

Globestudio

Globestudio 是一款开源工具,可根据世界、国家、地区、次区域或美国州数据创建点阵地图与动画 3D 地球,支持样式设计、动画制作、导出和嵌入地理视觉效果。

Globestudio

点阵地图与动画 3D 地球

Globestudio 是一款开源的点阵地图和动画 3D 地球生成工具。设计师、动画师和创意开发者可以选择整个世界或特定地理区域,选择平面或地球呈现方式,并通过预设和自定义控件构建视觉效果。

生成的作品可以导出为 PNG、SVG、WebM、MP4、GIF 或 JSON,也可以通过嵌入方式放入其他项目。可分享的配置 URL 会保留画布状态,而文档化的 Figma、React、脚本标签、iframe 和 MCP 工作流则支持在设计、网站和开发环境之间交接。

功能

多种地理范围

为整个世界、某个国家、地区、次区域或美国州创建地图,然后在平面地图和交互式 3D 地球之间切换。

自定义点和颜色样式

可从 12 种点形状中选择,也可以上传或粘贴自定义 SVG 或 PNG 形状。线性渐变可在点、陆地和描边中使用各渐变停止点的独立不透明度。

预设外观和效果

应用包含 bloom、色彩分离、CRT、半色调、像素、阈值、边缘、故障和波浪效果在内的命名外观与着色器处理。目录包含 21 种外观,例如 Aurora、Risograph、Wireframe 和 Sonar。

动画地图元素

添加动画路线弧线和城市脉冲网络元素,并支持实时动画中的 prefers-reduced-motion。

丰富的导出选项

导出静态图、矢量图、视频、GIF、配置文件或嵌入内容。PNG 导出被描述为高分辨率,而 JSON 遵循已发布的配置架构。

网站、设计与开发者集成

使用可分享的配置 URL、iframe 或脚本嵌入、React 组件、Figma 插件或托管 MCP 服务器,将设计导入网站、设计文件和 AI 辅助工作流。

实际用途

  • 网站与产品视觉

    为落地页主视觉、产品公告或编辑视觉创建地球或平面地图,然后通过 iframe 或脚本标签以响应式方式嵌入。

  • 设计文件构图

    使用 Figma 插件,在准备布局、演示文稿或 FigJam 画板时,将地球作为 PNG 插入,或将平面地图作为可编辑矢量插入。

  • 动态与视频素材

    创建动画路线弧线、城市脉冲和风格化地理背景,用于动态图形或以 WebM、MP4 或 GIF 格式导出的视频。

  • 设计到开发的交接

    导出 JSON 配置或可分享的 URL,让开发者可以复现某个视觉状态、在编辑器中验证配置,或将相同的视觉效果放置到其他页面中。

  • AI 辅助生成

    将托管 MCP 服务器连接到 Claude、Claude Code、Codex 或 Cursor,并让代理根据自然语言简述生成配置好的分享 URL。

Pros and Cons

Pros

  • 支持从世界级别到国家、地区、次区域和美国州的地理选择。
  • 提供 21 种命名视觉外观、12 种内置点形状、自定义图像形状、渐变和着色器效果。
  • 提供静态图、矢量图、动画、配置和嵌入等输出,不局限于单一图像格式。
  • 为 Figma、常见网站构建工具、React 项目、纯 HTML 和 MCP 客户端提供实用的集成路径。
  • 采用 MIT 许可证的开源代码和文档化 JSON 架构让配置更易于检查和复用。

Cons

  • 定价页面 URL 当前返回未找到页面,因此无法核实价格和方案限制。
  • 所提供的文档未明确完整的浏览器支持、渲染性能或团队协作限制。
  • Figma 输出因模式而异:Globe 会插入 PNG;当点数超过 2,500 或启用 Bloom 时,Flat 会变为 PNG。

FAQ

如何将 Globestudio 添加到网站或应用中?

托管版工作室或 iframe 嵌入无需安装。集成文档还为 Webflow、Framer、Notion、WordPress、纯 HTML 和基于 React 的项目提供了可复制粘贴的选项。React、Next.js、Remix 和 Astro 工作流均可使用 React 软件包。

可以分享自定义地球吗?

使用导出对话框中的“分享”选项卡,创建一个包含当前配置的 URL。同一选项卡还可提供 iframe、React 和 Web 组件嵌入代码,该 URL 可在另一台设备上恢复画布状态。

支持哪些输出格式?

产品支持 PNG、SVG、WebM、MP4、GIF、JSON 配置和嵌入。在 Figma 工作流中,Globe 会插入 PNG,而 Flat 可以插入可编辑矢量;当点数超过 2,500 或使用 Bloom 时,Flat 输出会变为 PNG。

Globestudio 是开源的吗?

支持。主页将 Globestudio 描述为采用 MIT 许可证的开源项目,其文档引导用户前往项目的 GitHub 仓库,获取代码、问题、讨论和路线图信息。

Globestudio 是否支持无障碍和减少动态效果?

源文档介绍了键盘快捷键、无障碍对话框,以及对实时动画 prefers-reduced-motion 的支持。文档未提供完整的浏览器、性能或团队使用限制列表,因此应根据目标项目进行评估。

Quick Facts

类别
设计工具 / 开发者工具
主要用户
设计师、动画师和创意开发者
视觉预设
21 种命名外观
地理覆盖范围
世界、国家、地区、次区域和美国州
输出类型
PNG、SVG、WebM、MP4、GIF、JSON 和嵌入内容
许可证
MIT