02CRAFT · 手艺

工具墙上的五件家伙。

  • 界面与设计系统DESIGN从配色到版式,建立可复用、有性格的设计语言。
  • HTML / CSS / JSCORE手写像素级布局与结构,少一点依赖,多一点理解。
  • 动效 / GSAPMOTION缓动、时间轴、滚动叙事——让界面有自己的节奏。
  • Canvas / WebGLGRAPHICS像素渲染、粒子系统,以及你现在脚下的这座体素世界。
  • 音频 / 可视化AUDIO芯片音乐播放器与频谱可视化,让声音长出形状。

鼠标悬停试试——右边那排体素柱会替你回答。

03WORKS · 作品

四栋楼,都是亲手盖的。

  • W-01

    像素小站 v1

    太空侵略者 + 字母拼图解锁 + 流星雨交互。也就是你现在这座体素站的前身。

    Canvas · Sprite · Chiptune

  • W-02

    NSF Player

    浏览器里的 NES 音乐播放器。基于 WASM 音源模拟,直接演奏 .nsf 芯片音乐文件。

    WASM · Web Audio

  • W-03

    Starfield Engine

    可配置的星空背景系统:密度、闪烁速度、流星频率,全部参数化,47 项可调。

    Canvas · Particles

  • W-04

    体素站 v2

    就是这里。2D 像素升维成 3D 体素的一次实验,你正在里面散步。

    Three.js · GSAP · Voxel

把鼠标放到楼顶上——有猫。

04NOW · 此刻

篝火边,最近在忙的事。

  • ▸正在把这座 2D 像素小站升维成体素世界——你看到的这场散步,就是实验本身。
  • ▸研究 WebGL 光影与体素化工作流,试着让每一帧都像手摆出来的。
  • ▸打磨滚动转场的手感:每一次滚动,都应该像一次干净的剪辑。
  • ▸晚上照例给星空发生器调参数——第 48 项还没想好叫什么。
05CONTACT · 联络

来打个
招呼。

点一下旁边的邮箱,地址会自动复制。
回复速度取决于当前游戏关卡的进度。