/

星辰大海 Star Sea Hero

抬头是真星空,低头是会动的海,星光落在浪上碎成一片细闪。

Date

2026.09

Technologies

Next.jsReactThree.jsTypeScriptWebGL
星辰大海 Star Sea Hero

Design Philosophy

“做星空很容易,做「真的星空」很难。所以每一个视觉决定我都要先问一句:真实的天空是这样吗?星星的明暗来自它真实的亮度,星座的朝向来自它真实的位置,海边的暖色衰减来自真实的大气。严谨不是限制,是让美有据可依——当你知道那道银弧真的来自人马座的茶壶,望出去的感觉完全不一样。”

Process & Workflow

01
按真实天象摆星
星星不是随便撒的——每一颗的位置和亮度都取自真实星表,所以你换时间、换地点,看到的星座朝向就是当地当晚的样子。
02
二十一个星座
白天用惯的中西星座都连了线,没沉到地平线以下的星点和连线会被真实的地平线挡住,不会浮在地面上。
03
会动的海
水面是真在起伏的浪:波峰尖、波谷缓,风一来星光就在浪尖上碎成粼粼一片。
04
也可以是镜面
一键切换成静止如镜的水面,整条银河连同每一颗亮星都完整地倒映在地平线以下。
05
挪到别的时间地点
选一个城市和一个时刻,星空立刻转成当地的夜晚;时间还能加速到六十倍,看着星星一整夜转过去。
06
追一颗星
选定目标,它会告诉你这个星座这个季节最好看的月份和时刻,直接把镜头转过去。

Impact

星空规模

数百颗真实亮星 · 21 个星座

流畅度

主流设备稳定 60 帧/秒

Core Highlights

  • 真星位:几百颗亮星按真实位置与亮度摆放
  • 天象随人变:纬度和时刻不同,星座朝向跟着变
  • 会动的海:星光在浪尖上碎成粼粼细闪
  • 镜面模式:水一静,银河整条倒映下来
  • 时空旅行:任选城市与时刻,时间可加速六十倍
  • 一键隐藏界面:只剩星河与海面,点三下恢复
返回作品集 · BACK TO WORKS访问星辰大海 · VISIT SITE查看 GitHub · VIEW REPO