V2EX 用户 bigbigeggs 在 10 月 11 日发帖展示了这个周末项目,原话是“周末一天 codex 就搞定了”:一个纯前端的中国昼夜地图,把太阳每天在神州大地上的行踪做成了可交互的可视化。开源仓库 wenbochang888/china-daylight-atlas(MIT 协议)10 月 3 日创建、10 月 11 日当天仍在推送更新,已收获 13 颗 star,仓库 topics 明确声明技术栈为 TypeScript + Vue 3 + MapLibre GL,全部天文计算都在浏览器本地完成,不依赖任何后端服务。
核心看点有三。其一,2D/3D 可切换的昼夜交界线:2D 模式是带省份边界的中国地图,明暗分界线随时间扫过版图;切到 3D 地球模式,昼夜分界线横贯整个星球的画面相当震撼,夏至日凌晨 4 点的晨昏线尤其漂亮。其二,完整的二十四节气面板:从立春到大寒逐个列出 2026 年的准确日期,选中任意节气即从当天零点播放一整天的昼夜更替,还支持“两天对比”直观感受昼夜长短的季节变化。其三,点击任意省份查看当地日光信息,底部时间轴可拖动查看任意时刻,右上角还有“看晨光”“冬夏对比”“看此刻”三个快捷入口,右下角南海诸岛小窗也没有缺席。
细节上作者也没偷懒:播放按钮支持自动演示昼夜流转,还有背景音乐开关和一键分享,侧边栏直接链回 GitHub 仓库。实测 demo(部署在作者个人站点)可正常访问,地图渲染流畅,2D/3D 切换、节气播放、时间拖动全部可用。评价:这是典型的“周末 vibe coding”作品——选题讨巧(天文+节气+地图三重浪漫叠加)、实现完整、UI 完成度明显超过“一日游”水准,13 颗 star 的开局对得起它的完成度。想给自己的 side project 找灵感的人,可以直接读它的源码学 MapLibre 的昼夜渲染思路;单纯想看个漂亮东西的人,打开 3D 模式拖一下时间轴就值回票价。