我做了一个花粉星球：把风、花粉与地球写成一封浪漫的情书

花粉星球：把风、花粉与地球写成一封浪漫的情书

一句话

花粉星球是一款以全球花粉流动为主题的沉浸式 3D 可视化产品。它把看不见的花粉、季风、城市、国家与时间，变成一颗会呼吸、会发光、会被轻轻转动的浪漫星球。

它不是一张冷冰冰的地图，而是一场关于自然、迁徙和生活气息的视觉诗。🌍✨

气质

花粉很小，小到我们平时几乎不会注意它。

但当它们被放到地球尺度上，它们就像一层彩色星云：从欧洲大陆飘向亚洲，从城市边缘穿过山脉和海岸线，随着年份、风场和季节悄悄改变。花粉星球想表达的，正是这种微小事物背后的宏大浪漫。

在这里，数据不是表格里的数字，而是会发光的雾、会流动的线、会被点击回应的国家。
每一次拖动星球，都像是在拨动一颗被春天点亮的地球仪。🚀

面向用户

花粉星球主要适合这些用户：

• 自然科普用户：想了解全球花粉分布、花粉迁徙和环境变化的人。
• 气象与环境研究者：需要用直观方式观察花粉、风场、区域变化的人。
• 城市健康与过敏人群：关注不同国家、不同年份花粉趋势的人。
• 教育展示场景：用于课堂、展馆、公共屏幕、环保主题活动。
• 视觉叙事创作者：需要把科学数据包装成有情绪、有故事的视觉作品。
• 浪漫主义数据爱好者：喜欢把数据看成星辰、风和时间的人。🧑‍💻

核心功能

1. 全屏 3D 花粉星球

产品以一颗全屏 3D 地球作为主体。用户进入页面后，看到的不是传统地图，而是一颗被彩色花粉云包裹的星球。

花粉以多层形式呈现：

• 低透明大体积雾层：营造视频里那种云雾扩散感。
• 中层彩色花粉云团：展示区域花粉密度。
• 小亮点粒子：表现花粉颗粒漂浮与闪烁。

这些花粉不是静止贴图，而是会随镜头和时间轻微呼吸、发光、变化。

2. 全球花粉分布

花粉覆盖全球多个区域：

• 中国与东亚
• 欧洲
• 中亚与西亚
• 南亚与东南亚
• 北美
• 南美
• 非洲
• 澳洲与大洋洲

不同区域拥有不同颜色和密度的花粉云，让全球花粉不再只是抽象数字，而是一层覆盖地球的彩色生态气息。

3. 真实国界与城市标签

产品使用真实世界地图数据绘制国界，并通过经纬度把城市标签投射到 3D 星球上。

城市标签会根据镜头远近自动筛选：

• 远景只显示重点城市，保持画面干净。
• 近景显示更多城市，增强探索感。
• 选中国家附近会显示更多相关城市。

这样既有视频里的密集信息感，又不会让画面完全失控。

4. 鼠标拖拽 360 度预览

用户可以直接拖动星球：

• 左右拖动：水平旋转。
• 上下拖动：纵向 360 度旋转。
• 松开鼠标：星球会保留惯性，像真实地球仪一样缓慢减速。

这种手感让产品从“看图”变成“触摸一颗星球”。✋

5. 国家点击与花粉数据面板

点击星球上的国家，会触发国家选择：

• 国家边界高亮闪烁。
• 右上角出现国家浮动标签。
• 左侧面板展示该国家花粉总量。
• 展示前八种花粉类型及数量。
• 对应区域花粉会短暂增强，像被点亮一样。

左侧数字不是硬切换，而是平滑滚动到新值，让数据变化更柔和、更有产品感。

6. 时间轴与年份联动

底部时间轴支持年份切换。年份变化时：

• 国家花粉数量会变化。
• 不同年份的主导花粉类型会呈现不同趋势。
• 迁徙线和风场线强度会随年份增强或减弱。
• 自动播放时，时间、字幕、镜头和花粉区域联动变化。

它像一条轻轻流动的时间河，把花粉从一个年份带到另一个年份。

7. 自动镜头叙事

花粉星球内置自动镜头路径。镜头不会机械匀速旋转，而是采用：

• 停留
• 平滑移动
• 再停留

这种节奏更像纪录片镜头。它会在欧洲、中国、亚洲、全球视角之间缓慢切换，并配合字幕讲述花粉迁徙和自然风场的故事。

用户手动拖动后，自动镜头会延迟接管，避免打断探索体验。

8. HUD 自动淡出

界面上的标题、国家面板、字幕和时间轴都会在空闲时自动淡出。

• 鼠标靠近左侧：国家面板更明显。
• 鼠标靠近底部：字幕和时间轴更明显。
• 长时间不操作：HUD 自动变淡，突出星球本身。

它让界面既有功能，又不会抢走花粉星球的诗意。

9. 纯净模式

产品提供纯净模式按钮，可以隐藏或淡化大部分界面，只保留花粉星球本体。

适合：

• 展馆大屏
• 演示背景
• 视觉展示
• 截图和宣传物料
• 沉浸式观赏

当所有面板都退到暗处，星球就像一颗漂浮在夜里的花粉宇宙。🛡️

10. 移动端竖屏体验

虽然当前主界面是全屏前端展示，但产品也支持竖屏视口。

竖屏下仍保留：

• 星球展示
• 城市标签
• 国家面板
• 时间轴
• 播放/暂停
• 缩放
• 拖拽旋转

适合在移动端、竖屏展示屏和社交媒体传播中使用。

亮点

浪漫的数据表达

花粉星球不是单纯展示“有多少花粉”，而是把花粉变成一场地球尺度的视觉叙事。

它让人看到：
原来花粉并不只是过敏源，它也是植物写给风的一封信。

科学与美感并存

产品底层使用经纬度、国家边界、城市坐标、年份变化和花粉类型数据逻辑；表层则通过雾、光、色彩、星球和镜头语言包装成浪漫体验。

科学负责可信，视觉负责动人。

交互有回应

拖动星球，它会带着惯性继续转动。
点击国家，它会高亮、闪烁、更新数据。
靠近界面，HUD 会醒来；离开时，它又安静退去。

这种回应让产品不像一张静态图，而像一颗真的可以被探索的星球。

可展示、可讲述、可沉浸

花粉星球既可以作为数据产品，也可以作为视觉展示作品：

• 科普讲解
• 展厅大屏
• 课堂演示
• 环境主题网页
• 品牌视觉项目
• 数据艺术作品

它适合被介绍，也适合被安静观看。

功能清单

• 🌍 全屏 3D 花粉星球
• 🌫️ 多层花粉云雾渲染
• ✨ 高饱和花粉颜色表现
• 🗺️ 真实国界线
• 🏙️ 城市标签投影
• 🖱️ 鼠标拖拽 360 度旋转
• 🌀 惯性滑动
• 🔍 放大/缩小
• ▶️ 播放/暂停自动镜头
• 🧭 自动镜头路径
• 🧪 国家花粉前八数据
• 📊 数字平滑滚动
• 🛡️ 选中国家边界高亮
• 💫 选中区域花粉增强
• 🕰️ 年份时间轴
• 🌬️ 迁徙线/风场线
• 👁️ 纯净模式
• 🌙 HUD 自动淡出
• 📱 竖屏适配

一段产品文案

如果风有颜色，它大概就是花粉星球里的样子。

它从森林、草原、城市边缘和遥远山脉出发，穿过海岸线，越过国界，最后在地球表面铺成一层轻轻发光的云。

花粉星球想做的，不只是展示数据。
它想让人短暂地相信：
微小的生命，也可以拥有星辰一样的轨迹。🚀

后续可以继续扩展

• 接入真实花粉观测数据。
• 加入真实风场数据。
• 增加国家/城市搜索。
• 增加花粉过敏风险等级。
• 支持导出截图或短视频。
• 增加多语言版本。
• 做成展馆大屏模式。
• 增加移动端手势优化。

结语

这是我做的一款花粉星球，一款以浪漫为核心气质的数据可视化产品。

它把不可见的花粉变成可见的星云，把复杂的全球分布变成可以触摸的地球，把年份、国家、城市和自然风场连成一个温柔的故事。

这颗星球不是冰冷的数据容器。
它更像一盏灯，照亮那些平时看不见、却一直在发生的自然流动。✨

希望大家会喜欢这颗被花粉点亮的星球。后续我也会继续优化它的视觉效果、交互体验和数据表达，并计划把相关代码上传到个人资源库，方便大家查看、学习和交流。

如果你也喜欢这种把数据做得温柔一点、浪漫一点的作品，欢迎继续关注后续版本。🌍