技术矩阵
THE MATRIX
每个实验舱都是一页全屏沉浸式 Demo,实时渲染、可交互。点进去,亲手玩玩这些前沿前端技术。
EXP·01
01
EXP·02
02
EXP·03
03
EXP·04
04
EXP·05
05
EXP·06
06

粒子星云
PARTICLE GALAXY
6 万颗 GPU 粒子组成的螺旋星系,加法混合发光,鼠标移动产生视差,感受 WebGL 的暴力美学。
进入实验 →
Shader 艺术
FRAGMENT SHADER ART
纯数学画出来的迷幻万花筒:分形噪声 + 余弦调色板,每个像素都是实时算出来的,鼠标参与构图。
进入实验 →
anime.js 实验室
ANIME.JS PLAYGROUND
点阵涟漪、SVG 描边动画、可拖拽的弹性小球 —— 把 anime.js 最招牌的玩法一次秀个够。
进入实验 →
文字动效
TEXT IN MOTION
字符级拆散重组:鼠标磁场波、Scramble 乱码解码、无限波浪字 —— 让文字本身成为主角。
进入实验 →
交互球体
DISTORTION SPHERE
顶点着色器 + 3D 单纯形噪声实时扭曲的赛博球体,菲涅尔边缘光,可以上手拖拽旋转。
进入实验 →
粒子文字
PARTICLE TYPOGRAPHY
上千颗粒子从四面八方飞来,自动聚拢成文字;鼠标一扫立刻炸开四散逃窜,松手又被弹簧一颗颗拽回原位。像素采样 + 弹簧物理 + 鼠标力场,全场最解压的交互,没有之一。
进入实验 →