发现新文章

1421 字
7 分钟
真心话大冒险
2026-04-25
无标签

🎮 真心话·大冒险#

Vue 3 TailwindCSS License Platform AI Assisted

聚会必备神器,让欢乐升级!


📖 简介#

真心话·大冒险 是一款经典的聚会游戏网页应用,适合朋友聚会、团队建设、破冰活动等场景。通过随机抽取玩家和题目,让游戏更加公平有趣,增进彼此了解,创造欢乐回忆。

🌐 在线预览#

在线预览

👉 https://truth-or-dare.blym.top/

🖼️ 图片展示#

truth-or-dare.blym.top

✨ 功能特点#

🎯 快速模式#

  • 一键生成玩家:设置玩家人数后快速生成
  • 随机抽人:公平随机抽取幸运玩家
  • 真心话/大冒险:丰富的题库供选择
  • 一键随机:同时抽取玩家和题目

🎲 真心话大冒险#

  • 丰富题库:内置 701 真心话题目、715 大冒险题目
  • 类型筛选:支持按类型筛选题目(朋友、聚会、恋人、情侣、社牛、丢脸、玩笑、成人等)
  • 智能过滤:默认过滤成人内容和尴尬类型,用户可自行选择
  • 自定义题库:支持添加自定义题目
  • 重置功能:一键恢复默认题库

👥 玩家抽人器#

  • 单个添加:逐个添加玩家
  • 批量导入:支持批量添加玩家
  • 可视化管理:玩家标签展示,支持删除

📜 游戏历史#

  • 记录追踪:显示最近 3 条游戏记录
  • 时间标记:记录每次操作的时间

🎨 视觉设计#

  • 霓虹风格:深色霓虹渐变背景
  • 毛玻璃效果:现代感十足的卡片设计
  • 丰富动画:按钮悬停、卡片切换、抽人高亮等动画
  • 响应式布局:完美适配手机、平板和桌面

🏷️ 题目类型#

题目支持多种类型标签,方便筛选:

类型说明默认选择
朋友适合朋友间的问题
聚会适合聚会场合
恋人适合恋人之间
情侣适合情侣之间
社牛需要社牛属性
丢脸尴尬类型
玩笑轻松玩笑类
成人成人内容

🚀 快速开始#

方式一:直接使用#

直接在浏览器中打开 index.html 文件即可使用。

方式二:本地服务器#

Terminal window
# 克隆仓库
git clone https://github.com/COLDESTBOW30654/Truth-or-Dare.git
# 进入项目目录
cd Truth-or-Dare
# 启动本地服务器(Python)
python -m http.server 3000
# 或使用 Node.js
npx serve

然后访问 http://localhost:3000

📁 项目结构#

Truth-or-Dare/
├── index.html # 主页面
├── css/
│ └── styles.css # 样式文件
├── js/
│ └── app.js # 应用逻辑
├── data/
│ ├── types-config.json # 类型配置文件(记录类型与文件映射)
│ ├── truth/ # 真心话题库目录
│ └── dare/ # 大冒险题库目录
└── README.md # 项目说明

🛠 技术栈#

技术说明
Vue 3渐进式 JavaScript 框架
Tailwind CSS实用优先的 CSS 框架
Font Awesome图标库
Poppins现代无衬线字体

📝 题库格式#

题库按类型分文件存储,每个文件包含该类型的所有题目:

类型配置文件 (types-config.json)#

{
"types": {
"朋友": {
"name": "朋友",
"description": "适合朋友间的问题",
"defaultSelected": true,
"files": {
"truth": "data/truth/friend.json",
"dare": "data/dare/friend.json"
}
}
}
}

题目文件格式#

每个类型文件采用以下 JSON 格式:

{
"type": "朋友",
"description": "适合朋友间的真心话问题",
"questions": [
{"text": "你最近一次撒谎是什么时候?关于什么的?"},
{"text": "你有没有偷偷喜欢过朋友的对象?是谁?"}
]
}

字段说明#

类型配置文件:

  • name:类型名称
  • description:类型描述
  • defaultSelected:是否默认选中
  • files.truth:真心话文件路径
  • files.dare:大冒险文件路径

题目文件:

  • type:题目类型
  • description:类型描述
  • questions:题目数组
    • text:题目内容(必填)

⚠️ 注意事项#

  • 成人内容:部分题目包含成人内容,默认不选择,用户可在类型筛选中自行选择
  • 隐私保护:游戏过程中的数据仅保存在本地,不会上传到服务器
  • 适用年龄:建议 18 岁以上用户使用

🤝 贡献指南#

欢迎提交 Issue 和 Pull Request!

  1. Fork 本仓库
  2. 创建特性分支 (git checkout -b feature/AmazingFeature)
  3. 提交更改 (git commit -m 'Add some AmazingFeature')
  4. 推送到分支 (git push origin feature/AmazingFeature)
  5. 提交 Pull Request

题库贡献#

欢迎贡献更多有趣的题目!请遵循以下格式:

添加新题目到对应类型文件:

{
"type": "朋友",
"description": "适合朋友间的真心话问题",
"questions": [
{"text": "你的题目内容"}
]
}

添加新类型:

  1. data/truth/data/dare/ 目录下创建新的 JSON 文件
  2. data/types-config.json 中添加类型配置

💡 参与贡献题库#

想让游戏更有趣?快来贡献你的创意题目吧!

朋友真心话 朋友大冒险 编辑类型配置

查看PR Fork

📄 许可证#

本项目采用 MIT 许可证。

🤖 AI 开发声明#

本项目全程使用 AI 工具辅助开发,包括但不限于:

  • 🎨 UI/UX 设计与样式编写
  • 📝 代码逻辑实现与优化
  • 📚 题库内容生成
  • 📖 文档撰写与维护

🙏 致谢#

  • 感谢所有贡献者的支持
  • 感谢 Vue.js 和 Tailwind CSS 社区

Made with ❤️ by COLDESTBOW30654

GitHub stars GitHub forks

发现错误或想要改进这篇文章?

在 GitHub 上编辑此页

文章修订历史 (1 次)

查看变更记录
2026/04/25 c0db232

转向部分图片cdn

真心话大冒险
https://blog.blym.top/posts/project-2
作者
白鹿原嚒
发布于
2026-04-25
许可协议
CC BY-NC-SA 4.0