APOD-Mood-Gallery：视觉丰富的 AI 驱动的交互式天文画廊
发布: (2026年3月1日 GMT+8 18:47)
3 分钟阅读
原文: Dev.to
Source: Dev.to
概览
APOD Mood Gallery 是一款为太空爱好者、天文爱好者以及关注 NASA 每日天文图片 (APOD) 的天文摄影粉丝打造的渐进式网页应用 (PWA)。它不仅让用户以科学的方式探索宇宙，还通过视觉美感、情绪氛围和个性化收藏进行体验——全部由客户端 AI 与 3D 渲染驱动。
功能
- AI 图像分析 – 在浏览器内使用 TensorFlow.js（MobileNet）进行私密分析，识别视觉特征并按“情绪”对图像进行分类。
- 动态配色方案 – 自动从每张天文图片中提取和谐配色，利用 Web Workers 处理以保持 UI 流畅。
- 3D 太阳系与系外行星 – 使用
astronomy-engine与react‑three‑fiber实时交互式探索行星位置。 - 个性化 “为你推荐” 资讯流 – 本地推荐引擎，随时间学习你的空间图像偏好。
- 情绪板创建器 – 将喜爱的图片整理成视觉情绪板，可本地导出为 PDF 或 ZIP。
- PWA 支持 – 可安装，具备离线功能和后台 APOD 同步。
技术细节
- 前端框架：React 19 + Vite，实现快速、现代的开发体验。
- 样式：Tailwind CSS、PostCSS 与 Autoprefixer。
- 机器学习：使用
@tensorflow/tfjs搭配 MobileNet 模型（@tensorflow-models/mobilenet）在浏览器中进行图像分类。 - 3D 渲染：
three、@react-three/fiber、@react-three/drei与astronomy-engine提供精准的天体计算。 - 状态与性能：自定义本地存储服务和 Web Workers 用于并行处理图像像素，防止主线程阻塞。