Trae Assistant
Initial commit
3551341
metadata
title: Gamification Design Studio
emoji: 🎮
colorFrom: indigo
colorTo: pink
sdk: docker
app_port: 7860
short_description: 一个可视化的游戏化机制设计与经济系统模拟工具。
pinned: false

Gamification Design Studio (游戏化机制设计工坊)

Gamification Design Studio 是一个专为产品经理、游戏设计师和创业者设计的可视化工具,用于快速构建和模拟产品的游戏化机制(Gamification Mechanics)及经济系统。

通过此工具,你可以设计用户行为(Actions)、奖励(Rewards)、等级曲线(Level Curve)和消耗机制(Sinks),并实时模拟用户在不同活跃度下的成长路径和资源积累情况。

✨ 核心功能 (Features)

  1. 机制配置 (Mechanics Design):

    • 行为定义: 添加用户行为(如登录、点赞、分享),设置对应的 XP 和金币奖励。
    • 等级系统: 自定义升级曲线系数、最大等级和基础 XP,实时预览升级难度。
    • 经济消耗: 设计商店物品或资源消耗点,平衡经济系统。
  2. 实时模拟 (Real-time Simulation):

    • 用户画像: 调整每种行为的每日发生频率,模拟不同类型的用户(如活跃用户、潜水用户)。
    • 成长预测: 自动计算达到满级所需天数、30天金币积累量。
  3. 可视化图表 (Visualization):

    • 等级进度曲线: 直观展示 XP 积累与等级提升的关系。
    • 经济积累预测: 预测未来的金币存量趋势,防止经济通胀或紧缩。
  4. 配置导出 (Export):

    • 一键导出 JSON 配置文件,方便保存设计草稿或交付给开发团队。

🛠️ 技术栈 (Tech Stack)

  • Backend: Flask (Python) - 轻量级 Web 服务
  • Frontend: Vue 3 (CDN) - 响应式交互界面
  • Styling: Tailwind CSS (CDN) - 现代化 UI 设计
  • Charts: Chart.js - 数据可视化
  • Deployment: Docker - 容器化部署 (Hugging Face Spaces 兼容)

🚀 如何运行 (How to Run)

本地运行 (Local)

  1. 克隆仓库或下载代码。
  2. 安装依赖:
    pip install -r requirements.txt
    
  3. 启动应用:
    python app.py
    
  4. 访问浏览器: http://localhost:7860

Docker 运行

  1. 构建镜像:
    docker build -t gamification-studio .
    
  2. 运行容器:
    docker run -p 7860:7860 gamification-studio
    

📝 适用场景

  • MVP 孵化: 在编写代码前,先验证产品的激励体系是否合理。
  • 社区运营: 设计社区积分和等级规则。
  • 教育应用: 设计学生的奖励反馈机制。

Created with ❤️ for Startup Incubation