工具墙上的五件家伙。
- 界面与设计系统DESIGN从配色到版式,建立可复用、有性格的设计语言。
- HTML / CSS / JSCORE手写像素级布局与结构,少一点依赖,多一点理解。
- 动效 / GSAPMOTION缓动、时间轴、滚动叙事——让界面有自己的节奏。
- Canvas / WebGLGRAPHICS像素渲染、粒子系统,以及你现在脚下的这座体素世界。
- 音频 / 可视化AUDIO芯片音乐播放器与频谱可视化,让声音长出形状。
鼠标悬停试试——右边那排体素柱会替你回答。
四栋楼,都是亲手盖的。
- W-01
像素小站 v1
太空侵略者 + 字母拼图解锁 + 流星雨交互。也就是你现在这座体素站的前身。
- W-02
NSF Player
浏览器里的 NES 音乐播放器。基于 WASM 音源模拟,直接演奏 .nsf 芯片音乐文件。
- W-03
Starfield Engine
可配置的星空背景系统:密度、闪烁速度、流星频率,全部参数化,47 项可调。
- W-04
体素站 v2
就是这里。2D 像素升维成 3D 体素的一次实验,你正在里面散步。
把鼠标放到楼顶上——有猫。
篝火边,最近在忙的事。
- ▸正在把这座 2D 像素小站升维成体素世界——你看到的这场散步,就是实验本身。
- ▸研究 WebGL 光影与体素化工作流,试着让每一帧都像手摆出来的。
- ▸打磨滚动转场的手感:每一次滚动,都应该像一次干净的剪辑。
- ▸晚上照例给星空发生器调参数——第 48 项还没想好叫什么。