AveritA's DSH · background specimen

背景五形

点阵四种底纹 + 流光。每一格都是真实渲染的一层 fixed 背景,不含 shell;为了看清形状, 多数点阵格保持 1×、浓淡调到 300–500%;字符格放到 2× 才看得清字形。

04 DOT SHAPES + 01 FLOW
theme=averita · light
motion=off · preview/bg-board.html
圆点底纹
圆点10px / 1.5px DOT
方块底纹
方块2.8px SQUARE
字符底纹
字符2× 放大 · # 示例
字符墙底纹
字符墙120 × 80 / 8 ROWS
流光背景
流光跟随主题 / 1/5 RES

点阵是 body::before 的一层 fixed 伪元素,只动 transform / opacity; 流光是 1/5 视口的 WebGL2 画布(src/flow.js),切走就拆。

实现CSS MASK / WEBGL2
点阵的缩放 / 浓淡 / 动效 / 呼吸下限仍可在 preview/index.html 里调;这里只把浓淡拉高压暗,方便看形状。 theme=averita · motion=off