正在启动宇宙
✦ Interactive Experience

NEXUS

数字宇宙 · Digital Cosmos

SCROLL

宇宙 数字

在探索数字边界的过程中,每个数据点都是一颗星辰

0
星云粒子数
0
交互维度
空间自由度
创造边界

数字 艺廊

每一件作品都是技术与美学的交汇点

01 🌌

粒子星云

Three.js 实时粒子系统,数万星点随鼠标流动,呈现动态宇宙

Three.jsWebGL交互
02 🌀

视差叙事

滚动驱动的动画序列,Intersection Observer 精准触发,元素渐入如潮

滚动动画Intersection
03

玻璃拟态

backdrop-filter 玻璃效果 + 动态渐变,层次分明的高级质感

GlassmorphismCSS Art
04 🖱️

自定义光标

差异混合模式光标,悬停放大效果,沉浸式浏览体验

Cursormix-blend
05 🎭

故障文字

CSS 伪元素 + clip-path 实现的 Glitch 效果,赛博朋克美学

GlitchCSS
06

响应式宇宙

从 4K 大屏到手机端,自适应布局无处不在

ResponsiveFlex/Grid

进化 之路

前端技术的演进与探索,每一步都在拓宽创造的边界

2010s

响应式革命

Media Queries 与 Flexbox 让网页真正适配万物

2015+

组件化时代

React/Vue 带来声明式 UI,前端工程化走向成熟

2018+

CSS 进化

Grid、Custom Properties、Houdini 让样式拥有编程能力

2020+

浏览器即操作系统

WebGL/WebGPU、WebAssembly、PWA 让 Web 无所不能

2024+

AI + 沉浸式 Web

Three.js 沉浸场景 + AI 驱动交互,数字宇宙触手可及

在数字宇宙的边界,代码即是画笔,
每一次渲染都是对无限的致敬

—— NEXUS · 2024