玄玑洞府 · 国风3D个人主页系统开源

作者 : admin 本文共1132个字,预计阅读时间需要 4分钟 发布时间: 2026-10-16 共3人阅读


源码介绍:

玄玑洞府 · 国风3D个人主页系统开源

以东方水墨为骨、低多边形科技为魂的个人主页系统。 前端 3D 洞府沉浸式游历 + Ant Design 水墨修仙后台可视化管理,内容与展示完全分离。
已实现的完整能力

前端 3D 主页

六大场景:山门候客(加载)→ 洞府前厅 → 筑基概况 / 修行履历 / 丹器馆藏 / 传讯玉符

镜头系统:GSAP 插值(power2.inOut,1.2s)、前厅待机公转(20s 周期 ±15°)、鼠标跟随偏移、转场期间禁用交互

形象:用户提供的开源人物模型(小孩,Tripo 生成 GLB),经自研减面管线把 43MB / 149 万三角形压到 3.14MB / 11 万三角形;染「生宣暖白」色调融入青绿水彩,待机呼吸、微摆、悬停放大、抱拳行礼 + 随机问候

场景交互:玉简悬停展开、灵脉节点悬停涟漪与展开、法宝拖拽 360° 环绕与分类高亮、玉符/跳转

彩蛋:修为值(浏览累积并进阶)、灵签、昼夜轮转

全局:御剑归宗、精简模式、移动端底部导航、篆文进度加载、弱网提示

降级:WebGL 2.0 检测失败自动切换 2D 水墨页(内容完全一致)

贴图:全部由 Canvas 2D 程序化生成(八卦纹、玉简篆文、匾额、卷轴、光晕、水墨噪声),无额外静态资源;石壁卷轴会按当前档案内容实时排版竖排文字(右起,含落款印)

管理后台

登录(禁制验证)、仪表盘(4 张概览卡 + 近 7 日趋势折线 + 技术栈占比饼图 + 操作记录 + 品鉴排行 + 快捷入口)

筑基档案:基础信息 / 配置(名称 + 炼气·筑基·金丹)/ 道心所向 / 形象立绘上传 / 粒子强度 / 问候语池

修行履历:拖拽排序、置顶、批量上下架、批量、Markdown 编辑器(书写 + 实时预览)

丹器馆藏:分类/品阶/状态筛选、一键导入 GitHub、标签输入、封面上传、Markdown 简介、拖拽排序

传讯玉符:四种内置类型、图标、排序、显隐、拖拽排序

洞府禁制:基础设置(名称/副标题/三段加载文案/欢迎语/彩蛋开关)、外观设置(主题色/水墨浓度/粒子强度/昼夜模式/人物模型替换与朝向)、账号设置(改密/JWT 有效期/登录日志)

主题一致性:消息提示经 admin/src/utils/message.ts 桥接到  提供的实例,静态 message 无法消费暗色主题上下文的问题已;各页表单实例在页面挂载时即与 Form 元素连接(Tabs 页签设 forceRender、加载态用 Spin 覆盖而非提前 return)

展示图片:


本站所发布的资源均来源于互联网,仅限用于研究学习,不得将软件用于商业或者非法用途,否则一切后果请用户自负!如果侵犯了您的权益请与我们联系!您必须在下载后的24个小时之内,从您的手机和电脑中彻底删除。 如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请与我们联系处理!
懒人源码网 » 玄玑洞府 · 国风3D个人主页系统开源

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载完但解压或打开不了?
最常见的情况是下载不完整:可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。 通用解压密码:www.5lanren.com

发表评论