多维视觉语言 · 独立 3D 渲染 · 丰富动效与组件库
每一个网站都具备专属的中文文案、独立的 Three.js 3D 场景、Web Audio 实时声音合成器、丰富的交互组件库(终端模拟器、Bento Grid、磁带播放机、控制滑块、模态抽屉与星系图谱)。
硬核赛博朋克与量子架构师风格。多层 HUD 瞄准准星、扫描线滤镜切换、动态打字机、全功能中文 CLI 命令行终端(支持 help, matrix, bio, warp, audio 指令)。
极致留白、和纸微质感、衬线体排版与侘寂美学。探寻建筑之「間(MA)」与光影虚实,配有藏传颂钵清脆音效与右侧滑动抽屉。
热血80年代街机与独立游戏设计师风格。CRT 电视扫描线、铬合金高光、投币特效、双轴磁带随身听与实时像素小游戏。
VisionOS 空间拟物与液态金属质感。动态岛导航栏、高斯模糊 Bento Grid 模块、触感反馈音板、库比蒂诺实时世界时钟与物理控制滑块。
天体物理与深空天文观测站风格。JWST 望远镜遥测、螺旋星云粒子群、行星公转交互、时间膨胀滑块控制器与梅西耶天体检索器。
每个站点均针对自身视觉主题定制了专门的组件生态,兼顾交互趣味性与工程实用度。
| 组件分类 | 站点 1 (赛博朋克) | 站点 2 (极简日式) | 站点 3 (复古蒸汽波) | 站点 4 (苹果空间) | 站点 5 (深空星系) |
|---|---|---|---|---|---|
| 3D WebGL 实体 | 量子陀螺核心+粒子云 | 有机流动原石雕塑 | 无尽 Outrun 霓虹网格 | 液态金属变形球 | 行星公转+螺旋星云 |
| 专属核心交互 | CLI 命令行终端模拟器 | 石/丝绸水/陶土材质切换 | 实体磁带机+小游戏 | 粘度/光泽控制中心滑块 | 时间膨胀调节+行星巡游 |
| 音频合成发生器 | 双振荡器赛博低音 Drone | 藏传物理铜钵长回响 | 80s 经典合成器贝斯琶音 | 触感按键回馈音板 | 脉冲星周期性射电音效 |
| 导航栏体系 | HUD 准星+遥测状态条 | 和纸半透明悬浮极简栏 | 投币街机状态顶级栏 | VisionOS 悬浮动态岛 | 天文台赤道坐标 HUD 栏 |
| 展示与弹出组件 | 折角赛博弹窗模态框 | 右侧全高平滑滑出抽屉 | CRT 监视器游戏卡片 | 毛玻璃 VisionOS 浮窗 | 天体研究论文归档浮层 |
| 表单反馈系统 | 密文广播与解密动画 | 日式纸感咨询递交 | 80s 街机留言板 | 空间协作邮件联络 | 深空射电下行信号发射 |
所有 5 个网站和本 Master Hub 均采用独立单文件 HTML 架构,基于 CDN 引入 Three.js、GSAP、Tailwind CSS 与 Lucide 图标,支持双击直接在任意现代浏览器中运行,无需繁琐的 npm build 或打包编译。