← 返回项目
PROJECT · 07

COBE / WORLD

用一个可拖拽的地球展示项目分布、协作地点和跨地区连接。

状态
Working prototype
角色
视觉设计、交互设计、前端工程
周期
3 天
年份
2026
06示例地点
05连接路径
60帧率目标
CASE STUDY
Data VizWebGLInteraction

它解决什么

“面向全球协作”经常只停留在一句介绍里。这个 Demo 把地区、地点和连接路径放进同一个可探索的空间,让背景信息也成为界面的一部分。

里面可以做什么

  • 拖动地球,查看不同地区的地点。
  • 开关自动旋转和连接路径。
  • 按亚洲、欧洲或美洲筛选标记,滚轮调整视图大小。

技术取舍

视觉方向参考 COBE 的轻量球体和标记模型,当前版本使用 Canvas 2D 投影实现,避免给作品集首页增加 WebGL 包体,同时保留拖拽、轨迹和标记的核心体验。

结果

这是一个适合放在关于页、服务范围页或项目总览中的“空间化信息组件”,不是一张只能观看的装饰图。

SANDBOXED EXPERIENCE

可交互 Demo

Demo 在隔离的沙箱中运行。