ARKTI

本项目 Fork 自 tianxingleo/ACGTI，并在其 MBTI + 二次元测试框架基础上，改造成面向《明日方舟》语境的 ARKTI 分支版本。

• MBTI 四维判定 — E/I、S/N、T/F、J/P 四维度作为底层框架
• 8 种二次元原型 — 发光主角位 · 冰面观察者 · 誓约队长 · 灵巧回旋者 · 温柔修复者 · 影面策士 · 混沌火花 · 月下守护者
• 干员角色库 — 以《明日方舟》干员为原型的 MBTI 映射（持续扩充）
• 维度可视化 — 16personalities 风格的交互式倾向滑块
• 分享海报 — 一键导出结果为 PNG
• 纯前端运行 — 无后端、无注册、无数据收集，结果存于本地

https://arkti.ybwlawa0.com/#/quiz

部署于 Cloudflare Pages，全球 CDN 加速。

欢迎 Star · 欢迎 Fork · 欢迎 PR！

当前项目仍处于早期阶段，题目数量和角色库都还不够丰富。如果你有好的情境题目想法或想补充更多作品的角色，非常期待你的参与：

• 补充新角色 → 编辑 src/data/characters.json
• 补充角色的对话 → 编辑 src/data/characters.json中的 quote字段，如果没有请创建
• 添加新题目 → 编辑 src/data/questions.json
• 修复 Bug / 改进 UI → 直接提 PR

仓库已配置 GitHub Actions CI，会在 push 到 main 和所有 PR 上自动执行 npm ci 与 npm run build，用于确认静态站点能够正常构建。线上部署仍由 Cloudflare Pages 负责。

src/
├── components/           # 可复用 UI 组件
│   ├── AppIcon.vue
│   ├── ProgressBar.vue
│   ├── QuestionCard.vue
│   ├── ResultSummary.vue
│   ├── SharePoster.vue
│   └── AdsenseSlot.vue
├── composables/          # Vue 组合式函数
│   ├── useQuiz.ts       # 测试状态与逻辑
│   └── useShare.ts      # 分享与导出功能
├── data/                # 静态数据
│   ├── questions.json   # 39 道情境式题目
│   ├── archetypes.json  # 8 个角色原型定义
│   ├── characters.json  # 角色资料库
│   ├── characterVisuals.json       # 角色视觉配置
│   └── characterProbabilities.json # 角色命中概率
├── pages/               # 页面组件
│   ├── HomePage.vue     # 首页
│   ├── IntroPage.vue    # 测试说明页
│   ├── QuizPage.vue     # 答题页
│   ├── ResultPage.vue   # 结果展示页
│   ├── CharactersPage.vue # 角色图鉴页
│   └── AboutPage.vue    # 关于页
├── types/
│   └── quiz.ts          # TypeScript 类型定义
├── utils/
│   ├── quizEngine.ts    # 评分、原型匹配、角色命中逻辑
│   ├── characterVisuals.ts    # 角色视觉数据注水
│   ├── characterProbability.ts # 角色命中概率计算
│   ├── adsense.ts       # Google AdSense 配置
│   └── storage.ts       # localStorage 工具
├── router/
│   └── index.ts         # 路由配置
├── App.vue              # 根组件
├── main.ts              # 入口文件
└── style.css            # 全局样式

答题（39 道七级量表题）→ 算分（四维带符号权重 + 原型权重）→ 原型匹配（映射到 8 种原型）→ 角色命中（输出唯一角色代码）→ 结果展示

1. 答题 — 39 道七级量表题（-3 到 +3），每题关联一个 MBTI 维度与原型权重
2. 算分 — 按维度累加带符号权重，计算每个维度的倾向百分比（50%–100%）
3. 原型匹配 — 将四维结果映射到 8 种二次元原型之一
4. 角色命中 — 根据维度结果在角色库中命中 1 位主角色，输出其自定义角色代码
5. 结果展示 — 角色代码、维度倾向滑块、角色解析、原型描述，支持导出海报

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建
npm run build

构建产物输出到 dist/，配置为相对路径（base: './'），可直接部署到 Cloudflare Pages 等静态托管平台。

• GitHub Actions：负责在 main push / PR 时校验构建是否通过
• Cloudflare Pages：负责连接 GitHub 后的自动构建与部署
• GitHub Release：在推送 v* tag 时自动构建 dist/、打包为 zip，并创建 Release

发版方式示例：

git tag v0.1.0
git push origin v0.1.0

• Fork 来源 — 感谢 tianxingleo/ACGTI 提供开源基础与项目结构参考
• 界面风格 — 参考自 16personalities 的扁平化设计与专业测评体验
• 项目启发 — 受到开源项目 UnluckyNinja/SBTI-test 的启发
• 视觉素材 — 项目中的角色立绘与背景图片由 ChatGPT (DALL·E) 生成

• 本项目采用 MIT License
• Copyright (c) 2026 Li Tianxing (original work)
• Copyright (c) 2026 YBWLawa0 (modifications)

• 纯静态前端，无后端服务、无用户系统、无数据库
• 不作为心理诊断或医学评估工具
• 测试结果保存于浏览器 localStorage
• 不收集任何个人信息