EDGERUNNERS | NIGHT CITY 2077

发布日期：2026年4月3日

介绍

以赛博朋克《边缘行者》为主题的沉浸式作品与角色展示官网，并集成配乐、画廊与故事时间线

**产品简介** 这是一个以《边缘行者》为灵感的沉浸式单页官网，带你在霓虹夜城中浏览角色、剧情与艺术作品

它把角色档案、经典台词、故事时间线和画廊串联起来，让粉丝能直观感受作品情绪与视觉氛围

页面同时提供音乐与交互元素，方便用户沉浸式体验与快速查阅内容

**功能亮点** - **沉浸式霓虹主页** - 深色霓虹城市视觉，带有动态粒子、扫描线、雨与飞行光轨等视差效果，营造赛博朋克氛围

- **EDGERUNNERS 角色画廊** - 横向滚动的角色海报展示，霓虹发光与悬停故障动画，角框装饰与动态色彩匹配；已采用用户提供的四张官方与同人图像，区块标题为 EDGERUNNERS，并保留标语《I Really Want To Stay At Your House》

- **角色档案** - 为 David、Lucy、Maine、Rebecca 等角色提供详细资料卡，含角色定位、属性、引用语和身份徽章，便于快速了解人物设定

- **名句展播** - 自动轮播的经典台词展示，让用户重温重要对白与情感瞬间

- **故事时间线与月之梦重现** - 从街头到传奇的剧情时间线，以及重现情感高潮的“月之梦”场景，含视差与对话重现，增强沉浸感

- **浮动音乐播放器** - 嵌入 Spotify 的《I Really Want to Stay at Your House》，带霓虹波形动画，可展开查看完整控件或最小化为浮动按钮

- **作品集画廊** - 收录 8 件赛博朋克风作品，支持按类别筛选（环境、角色、载具、概念）、悬停故障效果与全屏灯箱动画过渡

- **交互卡片与终端风格表单** - 六个交互功能卡片带悬停光晕效果，以及带风格化终端外观的联系表单，便于留言与互动

- **动画与视觉风格统一** - 采用以黄-粉-青为主的 Edgerunners 主题色调，加入斜向动线与锐利按钮造型，贯穿故障与霓虹元素，呈现动漫风格美感

- **导航与分区** - 响应式导航包含 Portfolio 与 Story 等分区，便于在作品、角色与剧情间快速切换

- **稳定的平面霓虹场景** - 后台以平面渲染的霓虹建筑与发光窗户、光迹与视差交互，保证流畅的视觉表现

**复刻说明** 欢迎复刻此项目并按需定制——复刻的是演示版本，不包含完整版的生产资源

上手简单，你可以从演示内容快速替换图片、文字与配色，打造自己的边缘行者风格官网