幻光典藏 · 嘉豪赛博镭射卡



一张随视角流转光泽的赛博朋克全息镭射收藏卡
幻光典藏是一个在浏览器中运行的赛博朋克全息收藏卡展示页,主角是一张名为嘉豪·无相掩面的三维卡牌。页面左侧列出作品信息,右侧的卡牌由主体、文字、背景与厚墨线描分层合成,转动时镭射光泽与前后景视差会随角度变化。用户可以拖动旋转、滚轮缩放、按键翻面查看卡背,用自动赏卡观看光泽流动,并通过四组滑杆实时调整镭射强度与景深,最后把满意的画面导出为图片。
核心亮点
拖动实时转卡
拖动或方向键转动卡面
正反双面设计
一键翻面查看卡背镭射描边
四组光影滑杆
实时调整镭射与前后景深度
一键保存画面
导出当前视角与参数截图
如何使用
进入页面
打开链接后,左侧显示卡名与作品信息,右侧是一张竖直放置的三维全息卡牌。页面下方提供光影调校滑杆,右上角的关于按钮可以展开作品说明面板。
转动与缩放卡牌
在卡面上按住拖动即可旋转视角,滚轮用来放大缩小;也可以用方向键微调,按 F 键翻面查看卡背,按 R 键恢复默认视角。卡牌转动时镭射光泽与前后景视差会跟着角度实时变化。
调整光影并保存
拖动镭射强度、主体缩放、主体深度和背景深度四个滑杆,右侧画面会立刻反馈效果;确认喜欢的角度后点击保存此刻,即可把当前画面导出为图片。滑杆调整只影响当前预览,刷新页面后会恢复默认值。
相似站点
193地球
一个可旋转缩放的 3D 地球展示页,呈现电影感太空场景与大气层效果。
97Raymarching 演示
基于 Three.js 的纯 GLSL Raymarching 渲染演示,包含 SDF 图元、平滑混合与实时光照
99Snowfall
Canvas 2D 飘雪动画,包含雪花飘落、月色光晕、远山剪影
81太阳系 3D 动画
基于 Three.js 构建的太阳系 3D 互动动画,八大行星公转自转、土星双层光环与璀璨星空,支持拖拽旋转与缩放
96代码雨 - Code Rain
矩阵风格代码雨动画网页,包含实时时钟和新闻滚动条
219无尽绽放 · Infinite Bloom
一朵由 Three.js 程序化生成的牡丹,粒子与光交织的永恒花海。



