创意开发者 / Creative Developer

作品集 2026 · 上海

把界面做成玩具的人。

我是林野,写着色器、动效和设计系统的创意开发者。在乎每一帧,也在乎每一个像素。

移动指针拖动贴纸按 ⌘K拧右下角的参数
关于 / About往下滚,字会一个个印上去

我叫林野,在上海写了七年前端。白天给产品团队搭设计系统,晚上写着色器和各种小玩具。好的界面应该先好玩,再好用。每一次悬停、每一次滚动,都该给手一点回应。这个网站本身就是作品,参数都摊在右下角,随便拧。

Work

精选作品 · 4 个封面是活的,指针放上去试试继续往下滚,画面会横着走 →
1 / 4
项目是占位内容,等你换成真的

一路写过来

经历 / Path点开任意一行看细节公司和数字是占位内容
  1. 带一个 4 人的设计工程小组,负责设计系统、动效规范和官网。

    • 把设计令牌同时接进 Figma 和代码,两边不再各改各的
    • 官网首屏可交互时间从 3.1 秒降到 1.2 秒
    • 每两周办一次动效评审,设计师和工程师一起看帧
  2. 负责大促会场的互动玩法和性能。

    • 做了一套会场动效组件,三次大促都在复用
    • 低端机上的掉帧率降了一半
    • 开始在业余时间写 Tempo
  3. 给品牌做活动网站,第一次把 WebGL 用进商业项目。

    • 两年里上线了 20 多个活动站
    • 学会了和设计师用同一套词说话
  4. 学的是设计,大二开始自学编程。

    • 毕业设计是一组用声音控制的生成式海报
技能 / Skills抓住任意一个,甩出去

技能,
可以扔

  • TypeScript
  • WebGL
  • GLSL
  • React
  • Three.js
  • GSAP
  • Rust
  • WebGPU
  • CSS
  • Node.js
  • Figma
  • Swift
  • Svelte
  • Blender
  • 字体排印
  • 动效设计
  • 设计系统
  • 性能优化
  • 无障碍
  • 创意编程
20 个刚体 · 重力可在调参面板里改

随手印一张

实验 / Lab在下面按住拖动,画出来的都是网点
网点形状和错版偏移跟着调参面板走

一起做点
好玩的?

别处也能找到我
上海现在--:--:--