MonkeyCodeMonkeyCode-AI用户作品集
技术交流群 Github开始智能编程
MonkeyCode 用户作品集›个人展示›作品集

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

作者 anonymous累计访问 13近 7 日访问 6
访问站点开始智能编程
// preview
幻光典藏 · 嘉豪赛博镭射卡 封面幻光典藏 · 嘉豪赛博镭射卡 封面幻光典藏 · 嘉豪赛博镭射卡 封面
// description

一张随视角流转光泽的赛博朋克全息镭射收藏卡

幻光典藏是一个在浏览器中运行的赛博朋克全息收藏卡展示页,主角是一张名为嘉豪·无相掩面的三维卡牌。页面左侧列出作品信息,右侧的卡牌由主体、文字、背景与厚墨线描分层合成,转动时镭射光泽与前后景视差会随角度变化。用户可以拖动旋转、滚轮缩放、按键翻面查看卡背,用自动赏卡观看光泽流动,并通过四组滑杆实时调整镭射强度与景深,最后把满意的画面导出为图片。

核心亮点

拖动实时转卡

拖动或方向键转动卡面

正反双面设计

一键翻面查看卡背镭射描边

四组光影滑杆

实时调整镭射与前后景深度

一键保存画面

导出当前视角与参数截图

如何使用

  1. 进入页面

    打开链接后,左侧显示卡名与作品信息,右侧是一张竖直放置的三维全息卡牌。页面下方提供光影调校滑杆,右上角的关于按钮可以展开作品说明面板。

  2. 转动与缩放卡牌

    在卡面上按住拖动即可旋转视角,滚轮用来放大缩小;也可以用方向键微调,按 F 键翻面查看卡背,按 R 键恢复默认视角。卡牌转动时镭射光泽与前后景视差会跟着角度实时变化。

  3. 调整光影并保存

    拖动镭射强度、主体缩放、主体深度和背景深度四个滑杆,右侧画面会立刻反馈效果;确认喜欢的角度后点击保存此刻,即可把当前画面导出为图片。滑杆调整只影响当前预览,刷新页面后会恢复默认值。

作品评分3.5
点击星级评分
// similar sites

相似站点

地球
193
查看详情

地球

作者: kiko

一个可旋转缩放的 3D 地球展示页,呈现电影感太空场景与大气层效果。

作品集1.3·6 次评分
Raymarching 演示
97
查看详情

Raymarching 演示

作者: anonymous

基于 Three.js 的纯 GLSL Raymarching 渲染演示,包含 SDF 图元、平滑混合与实时光照

作品集2.9·AI 评分
Snowfall
99
查看详情

Snowfall

作者: anonymous

Canvas 2D 飘雪动画,包含雪花飘落、月色光晕、远山剪影

作品集1.5·2 次评分
太阳系 3D 动画
81
查看详情

太阳系 3D 动画

作者: Apexstone

基于 Three.js 构建的太阳系 3D 互动动画,八大行星公转自转、土星双层光环与璀璨星空,支持拖拽旋转与缩放

作品集1.3·8 次评分
代码雨 - Code Rain
96
查看详情

代码雨 - Code Rain

作者: anonymous

矩阵风格代码雨动画网页,包含实时时钟和新闻滚动条

作品集1.4·4 次评分
无尽绽放 · Infinite Bloom
219
查看详情

无尽绽放 · Infinite Bloom

作者: Cat

一朵由 Three.js 程序化生成的牡丹,粒子与光交织的永恒花海。

作品集3.2·2 次评分
// join the community

把你的作品也搬上来

欢迎加群交流。有问题反馈,或用 MonkeyCode 开发了网站想要分享,可以扫码加群联系管理员。

Github 开源仓库
企业微信
企业微信
飞书
飞书
钉钉
钉钉
MonkeyCodeMonkeyCode · 用户作品集
{ 使用 MonkeyCode 构建 }
开始智能编程Github技术交流群
输入想找的应用类型,比如"五子棋"、"做封面图"、"管理待办"
没有找到想要的应用?马上用 MonkeyCode 做一个