玄玑洞府是一套国风 3D 个人主页系统,以东方水墨为视觉骨架、低多边形科技为造型语言;前端是 3D 洞府沉浸式游历,后台基于 Ant Design 做修仙风格的可视化管理,内容与展示完全分离。
前端 3D 洞府
- 六大场景:山门候客(加载)→ 洞府前厅 → 筑基概况 / 修行履历 / 丹器馆藏 / 传讯玉符
- 镜头系统:GSAP 插值转场(1.2s)、前厅待机公转、鼠标跟随偏移,转场期间禁用交互
- 虚拟形象:支持自定义人物模型(GLB),内置自研减面管线,实测把 43MB / 149 万三角形压到 3.14MB / 11 万三角形,统一染「生宣暖白」融入青绿水彩,待机呼吸、悬停放大、点击抱拳行礼
- 贴图零素材:八卦纹、玉简篆文、匾额、卷轴、水墨噪声全部由 Canvas 2D 程序化生成,不含额外静态资源;石壁卷轴按当前档案内容实时排版竖排文字(右起、含落款印)
- 彩蛋与降级:修为值随浏览进阶、灵签、昼夜轮转;WebGL 2.0 不可用时自动切换 2D 水墨版主页,内容完全一致
管理后台
- 仪表盘:4 张概览卡、近 7 日趋势折线、技术栈占比、操作记录
- 筑基档案:基础信息、功法配置(炼气 / 筑基 / 金丹)、道心所向、形象立绘上传、问候语池
- 修行履历 / 丹器馆藏 / 传讯玉符:拖拽排序、批量上下架、Markdown 实时预览、分类品阶筛选、一键导入 GitHub
- 洞府禁制:基础设置、外观(主题色 / 水墨浓度 / 粒子强度 / 昼夜模式 / 模型朝向)、账号与 JWT、登录日志
运行环境:〔请按实际补充 Node / 构建工具 / WebGL 要求〕




下载地址
本内容需要登录后查看





