星辰大海 Star Sea Hero
抬头是真星空,低头是会动的海,星光落在浪上碎成一片细闪。
Date
2026.09
Technologies
Next.jsReactThree.jsTypeScriptWebGL

Design Philosophy
“做星空很容易,做「真的星空」很难。所以每一个视觉决定我都要先问一句:真实的天空是这样吗?星星的明暗来自它真实的亮度,星座的朝向来自它真实的位置,海边的暖色衰减来自真实的大气。严谨不是限制,是让美有据可依——当你知道那道银弧真的来自人马座的茶壶,望出去的感觉完全不一样。”
Process & Workflow
01
按真实天象摆星
星星不是随便撒的——每一颗的位置和亮度都取自真实星表,所以你换时间、换地点,看到的星座朝向就是当地当晚的样子。
02
二十一个星座
白天用惯的中西星座都连了线,没沉到地平线以下的星点和连线会被真实的地平线挡住,不会浮在地面上。
03
会动的海
水面是真在起伏的浪:波峰尖、波谷缓,风一来星光就在浪尖上碎成粼粼一片。
04
也可以是镜面
一键切换成静止如镜的水面,整条银河连同每一颗亮星都完整地倒映在地平线以下。
05
挪到别的时间地点
选一个城市和一个时刻,星空立刻转成当地的夜晚;时间还能加速到六十倍,看着星星一整夜转过去。
06
追一颗星
选定目标,它会告诉你这个星座这个季节最好看的月份和时刻,直接把镜头转过去。
Impact
星空规模
数百颗真实亮星 · 21 个星座
流畅度
主流设备稳定 60 帧/秒
Core Highlights
- 真星位:几百颗亮星按真实位置与亮度摆放
- 天象随人变:纬度和时刻不同,星座朝向跟着变
- 会动的海:星光在浪尖上碎成粼粼细闪
- 镜面模式:水一静,银河整条倒映下来
- 时空旅行:任选城市与时刻,时间可加速六十倍
- 一键隐藏界面:只剩星河与海面,点三下恢复