正在初始化...

← Laboratory

Time impression

在现实的物理世界里,时间是不可逆的洪流,记忆是逐渐模糊的胶片,万物终将走向熵增与无序

ReactTypeScriptWebGLThree.jsMath
Initialize Module
Time impression
Entropy & Particle Physics | 熵与粒子物理
EMBER / 余烬 (AI-Assisted Algorithm): 基于热力学模拟的粒子系统。文字具备“热量”属性,交互摩擦导致局部升温、燃烧、碳化直至化为烟尘消散
3D & WebGL Experiences | 三维空间体验
TEMPORAL / 时空: 基于 R3F (React-Three-Fiber) 的实例化网格(Instanced Mesh)。数千个粒子在 3D 空间中重构文字,响应鼠标的涡流力场,通过 Shader 实现发光材质
Atmosphere & Post-Processing | 氛围与后处理
SIGNAL / 故障艺术: 模拟 CRT 显示器的扫描线与信号干扰。通过 RGB 通道分离与位移实现 Glitch 故障美学
Soft Body & Fluid Dynamics
LENS / 液态透镜: 模拟软体变形与光学折射。利用贝塞尔曲线动态生成 blob 形状,并叠加色差(Chromatic Aberration)滤镜

在 0 与 1 的缝隙里,捕捉时间的灰烬

如果在绝对理性的代码世界里,植入一点点“无常”,会发生什么?

通常,我们习惯了计算机的精确。像素是整齐排列的,逻辑是非黑即白的,数据是永恒存储的。
但在现实的物理世界里,时间是不可逆的洪流,记忆是逐渐模糊的胶片,万物终将走向熵增与无序。

Time Impression(时间印象) 是我近期完成的一个交互式视觉实验项目。
我试图在浏览器这个方形的视窗中,用 TypeScript 和 WebGL 重建某种“失去”的过程。

在这里,文字不再是信息的载体,而是物理的尘埃。


EMBER(余烬):关于遗忘的直觉

当你打开 EMBER(余烬),你会看到文字像干枯的纸片一样悬浮。
你的鼠标划过,摩擦生热,字形瞬间燃烧成红色的火星,随后化为灰烬向上飘散。

那种不可逆的消逝感,是我对“遗忘”最直观的理解。


PENDULUM(钟摆):关于时间的冷酷

而在 PENDULUM(钟摆) 中,一根发光的摆锤在屏幕前反复摇摆。

每一次摆动,都在擦除背景中关于“回忆”的叙述。
它冷酷、精准,像极了时间本身——它并不在意你写下了什么,它只负责抹去。


更宏大的叙述:侵蚀、坠落与秩序

我还尝试了更宏大的叙述:

  • EROSION(侵蚀)
    模拟了文字如同沙丘般的坍塌;

  • WHALEFALL(鲸落)
    展示了织物撕裂时的张力与破碎;

  • ORB(天体)
    则在 3D 空间中构建了斐波那契螺旋的永恒秩序。


一个不“好用”的容器

这不是一个为了“好用”而诞生的工具,它没有任何实用价值。
它更像是一个数字化的枯山水庭院,或者是赛博时代的冥想室。

在这个项目里,我混合了 React 的组件化思维与 Canvas 的绘图能力,用数学公式模拟了风、重力、流体和光影。

如果你仔细看 VAPOR(水汽),你会发现那层雾气背后的城市灯火,像极了某个雨夜你隔着车窗看到的世界——模糊,却真实得刺痛。


尾声

我邀请你点击上方的链接(“Launch Demo”),在这个浮躁的数字荒原里,花几分钟时间,去触碰那些流动的粒子,去剪断那些纠缠的丝线。

在这个名为 Time Impression 的容器里,请允许我把时间,还给时间。