NICO XU
WebGPU / 实时

我的自白

让时光启程

WGSL·像素渲染·零素材

有人说,文科生搞什么技术?
有人说,履历跳成这样,职业生涯是不是废了?
有人说,五年才想明白自己要什么,太慢了。

是,我文科出身,只读了本科。
是,我从市场跳到数据,从前端跳到项目,履历像一张散落的拼图。
是,我花了整整五年,才看清自己该站在哪。

但,那又怎样?

市场教会我,人想要什么。
数据教会我,世界如何运转。
前端教会我,把想法变成现实。
项目管理教会我,把现实交付出去。

每一块拼图,拼起来才是今天的我。

这是一个 WebGPU 渲染的网站。你看到的每一束光,都是片元着色器实时运算出来的 —— 每秒六十次,除了纯粹的计算,什么也没有。

就像我这五年。
没有一步是浪费的。每一次跳转,都是一次渲染。

光已亮起。
未来亦然。
Build the future, frame by frame.

01像素表格

一切从
Excel开始

那一年我还是大三,进了博世实习,第一次接触到高阶 Excel —— 函数与 VBA,构筑了往后的基石。

这是一张用片元着色器手搓的电子表格,我第一次学会的公式就是 =SUM。

字体
3×5 位图
公式
=SUM(B2:B9)
合计
990

02像素代码

在 3×5 的
字体里写代码

后来在工作中干起了前端开发。虽然并不清楚当年的老板为什么让我这个文科生做网站,但我还是信心满满地接了活 —— 意外地,做得还挺好。

这是一段实时渲染的代码。当年用 Liquid 写前端,如今用上了 WebGPU;语法高亮逐个上色,光标每半秒眨一次,这些看起来像周一的早晨一样普通。

主题
深色
缩进
两格,不吵
光标
闪烁中

03像素会议

如今做起了
项目管理

已经记不清开过几次会了。从需求拆解、排期拉通,到盯进度、写纪要、追 ToDo —— 甘特图的线条就像大家的步子一样整齐。有些会本可以只是一封邮件,但一群人拧成一股绳、把事情真正推落地的魄力,是邮件给不了的。

在这里我从单打独斗变成协力合作,从安静内向变得善于沟通。我学会了项目管理的同时也学会了自我管理 —— 这是见证了我飞速成长的一段时间。

项目代号
合作客户P
议题
PPGM
结论
路漫漫其修远兮

04星空

星光不问
赶路人

实时渲染的星星按哈希落位、各自闪烁,月亮留着环形山,每七秒有一颗流星路过。

这几年世界在飞速变化,我也变了很多,唯一不变的,是每晚伴我入眠的星辰与月亮。或许不仅如此 —— 自古以来,人类就没有放弃过仰望星空。繁星点点,照亮了无数人的梦。

星星
逐像素闪烁
月亮
带环形山
流星
每 7 秒

Build My dreams, frame by frame.

三个不同的人生阶段,同一个片元着色器,渲染出每帧七道色彩通道。滚动条其实不是滚动条 —— 它是一个参数,决定此刻选择相信哪一年的自己。

  • 渲染WebGPU · WGSL
  • 动效GSAP ScrollTrigger
  • 素材零字节
  • 通道场景 · 泛光 · 合成

正在初始化设备