返回浏览
简介
型月世界·魔术档案(TYPE-MOON Archives)
项目简介
型月世界·魔术档案是一个基于TYPE-MOON世界观(Fate系列、月姬、空之境界等)开发的交互式角色设计网页应用。本项目采用纯前端技术栈(HTML5 + CSS3 + JavaScript)构建,无需后端服务即可运行,旨在为型月粉丝提供一个沉浸式的角色创作与展示平台。
核心功能
1. 世界观展示系统
魔术协会三大势力介绍(时钟塔、阿特拉斯院、彷徨海)
圣杯战争历史时间轴(第一至第五次战争)
动态视觉特效营造魔术氛围
2. 英灵职阶图鉴
七大标准职阶(Saber/Archer/Lancer/Rider/Assassin/Caster/Berserker)完整数据
交互式面板切换,展示各职阶属性面板与固有技能
可视化参数条与职阶符号动画
3. 角色设计工坊(核心功能)
基础属性设定:姓名、性别、年龄、阵营(秩序/混沌/中立 × 善/恶/中立)
魔术系统配置:魔术回路质/量调节(E~A+等级)、魔术系统选择、起源设定
宝具编辑器:真名、类型(对人/对军/对城等)、等级、效果描述、咏唱文
实时预览卡片:动态生成符合型月风格的角色档案卡
随机生成器:一键随机创建完整角色设定
数据导出:支持将角色档案导出为JSON格式
技术特色
视觉设计
深色主题(#0a0a0f)配合金色点缀(#d4af37)
动态粒子背景与多层旋转魔术阵
Cinzel + Noto Serif SC 字体组合
CSS动画:呼吸效果、脉冲光晕、平滑过渡
响应式布局
桌面端:双栏设计(编辑面板 + 实时预览)
平板/移动端:单栏自适应,触控优化
断点:1200px / 768px / 480px
交互体验
平滑滚动导航与固定头部
职阶标签页无刷新切换
时间轴滚动触发动画
表单实时同步预览