银河:水纹 · 点线面 · 星盘
把首页那片「平面银河」重做成「水纹 + 点线面 + 三维星盘」的过程与取舍
首页那片银河,最初是一张 2D 画布画的水彩漩涡。这次把它整个重做成了三层合成,顺手记下几个取舍。
三层
- 水纹(底):实时着色器跑 fbm 噪声 + 域扭曲,画一片会缓缓流动的水彩涟漪。它代表「银河」本身——是背景,不抢戏。
- 点线面(中):康定斯基式的点(圆点 / 同心圆 / 光斑)+ 四条笔直的青色引导线,末端精确落在四个板块的节点上。把「装饰」变成「路标」。
- 星盘(上):一枚三维星盘作中心枢纽,镂空的悬臂让底下的水从缝隙里透出来,正中一颗小小的半球核。
几个取舍
- 别喧宾夺主:星盘压在点线之上、但调成半透,让水与点线从镂空处透出来——三层各退一步。
- 静,不是冷:银河守在蓝紫一族里,往「宁静」调,而不往「暖」或「冷」的任一端跑。
- 要跑得动:三维模型从 52MB 压到 3MB 才敢放上首页;在「减少动态」偏好下只渲一帧、不进动画循环。
留着的味道
进站的锁绳开场、点「日本田野」时的离子化转场——这些「明日方舟 / 终末地」式的终端质感是刻意留下的口味,不是随手的默认。