Z3N

我早期的作品集：一个页面，含 Home、Work、About 和 Contact 四个视图。

我希望它读起来像一个克制的界面信号，而不是一个模板。

浅色模式是专门设计的，不是简单反色：浅色主题与页面融为一体，而不是把深色主题翻过来。

玻璃效果反复调整了好几轮。第一个立方体看起来并不透明，后来的一轮把玻璃在字母周围形成的彩色边缘找了回来。

小细节都有：跳到正文的链接、复制邮箱的按钮、随主题变化的浏览器主题色，以及排印规范的引号。

作品页由真实项目的真实截图构成。

这些改动以九个拉取请求的形式合入，每一个都单独合并。

一个开机风格的加载页、一个全屏菜单，以及视图之间一层下落的字符帘幕。

标题背后，半色调圆点会从指针前让开。深色和浅色两种主题。

原生 JavaScript，配合 Three.js、GSAP 和 Lenis。玻璃立方体是一个独立模块；如果它失败了，页面的其余部分仍能正常工作。

第一版在 2026 年 9 月 17 日至 19 日之间提交；重新设计在 9 月 21 日至 25 日进行。

视图

Home、Work、About、Contact 集于一页

3D

Three.js 玻璃立方体

动效

GSAP、ScrollTrigger、Lenis

第三方

来自 ThreeUI 的 /kage/ 页面（MIT 许可），不是我的作品

源码

私有仓库

立方体缓缓转动，并跟随你的拖动。光标移到链接上时会变成一个白色圆盘。

这个网站之前的版本。