玩游戏学以太坊，告别枯燥文档
在线体验 • 视频介绍 • 核心功能 • 技术架构 • 快速开始 • 团队成员
以太坊改进提案（EIP）和 ERC 标准是以太坊生态的基石，但学习它们却困难重重：
- 技术文档晦涩难懂 — 长篇累牍的规范让新手望而却步
- 概念抽象难以理解 — Gas 机制、账户抽象、Agent 协议等概念复杂
- 学习方式太被动 — 光看文档根本建立不起直觉
- 缺乏互动资源 — 市面上几乎没有动手实践的学习工具
结果：陡峭的学习曲线把大量潜在开发者挡在 Web3 门外。
EIP Playground 通过游戏化的方式，彻底改变以太坊标准的学习体验：
| 方式 | 说明 |
|---|---|
| 游戏化学习 | 互动小游戏模拟真实的区块链机制 |
| 视觉化叙事 | 像素风漫画，把复杂概念拆解成易懂的故事 |
| AI 智能导师 | 随时提问，获得即时、上下文相关的解答 |
| 动手实践 | 连接钱包，与真实智能合约交互 |
| 成就 NFT | 完成学习模块，铸造链上成就徽章 |
核心理念：标准应该通过实践来学习，而不是死记硬背。
|
EIP-1559：Gas 费机制
|
EIP-7702：账户抽象
|
|
ERC-8004：Agent 协议
|
更多内容即将推出...
|
一个友好的熊猫 AI 助手，它可以：
- 用通俗易懂的语言解释 EIP/ERC 概念
- 根据上下文回答你的追问
- 提供小测验检验学习效果（每个主题 3 道题）
- 实时反馈你的学习进度
- 完成学习模块后铸造徽章
- 9 种独特像素风设计随机分配
- 链上证明你的 Web3 知识
- IPFS 托管元数据确保去中心化
每个 EIP 都配有漫画：
- 介绍该 EIP 要解决的问题
- 用图解方式解释机制原理
- 展示真实的应用场景
┌─────────────────────────────────────────────────────────────────┐
│ 前端层 │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────────────────┐ │
│ │ React 19 │ │ Vite 7 │ │ Tailwind CSS 4 │ │
│ └─────────────┘ └─────────────┘ └─────────────────────────┘ │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────────────────┐ │
│ │ RainbowKit │ │ wagmi │ │ Framer Motion │ │
│ └─────────────┘ └─────────────┘ └─────────────────────────┘ │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ 后端层 (SpoonOS) │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────────────────┐ │
│ │ FastAPI │ │ ReAct Agent │ │ 多 LLM 支持 │ │
│ └─────────────┘ └─────────────┘ └─────────────────────────┘ │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────────────────┐ │
│ │ web3.py │ │ MCP Tools │ │ Quiz 系统 │ │
│ └─────────────┘ └─────────────┘ └─────────────────────────┘ │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ 智能合约层 │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────────────────┐ │
│ │ Foundry │ │ OpenZeppelin│ │ ERC-721 (徽章) │ │
│ └─────────────┘ └─────────────┘ └─────────────────────────┘ │
│ │
│ 部署于 Sepolia 测试网 │
└─────────────────────────────────────────────────────────────────┘
| 技术 | 版本 | 用途 |
|---|---|---|
| React | 19 | UI 框架 |
| Vite | 7 | 构建工具 & 开发服务器 |
| TypeScript | 5.6 | 类型安全 |
| Tailwind CSS | 4 | 样式系统 |
| Radix UI | latest | 无障碍组件库 |
| Framer Motion | 12 | 动画效果 |
| RainbowKit | 2.2 | 钱包连接 |
| wagmi | 3.4 | 以太坊 React Hooks |
| viem | 2.45 | 以太坊客户端 |
| TanStack Query | 5.90 | 数据请求 |
| 技术 | 版本 | 用途 |
|---|---|---|
| Python | 3.12+ | 运行时 |
| FastAPI | 0.115 | API 框架 |
| spoon-ai-sdk | 0.3.6 | Agent 框架 |
| web3.py | 7.11 | 区块链交互 |
| Anthropic SDK | 0.42 | Claude AI 集成 |
| OpenAI SDK | 1.70 | GPT 集成 |
支持的 LLM 提供商：OpenAI、Anthropic (Claude)、DeepSeek、Google Gemini、Ollama
| 技术 | 版本 | 用途 |
|---|---|---|
| Solidity | 0.8.24 | 合约语言 |
| Foundry | latest | 开发框架 |
| OpenZeppelin | latest | ERC-721 标准库 |
| IPFS | - | 元数据存储 |
- Node.js v18+（推荐 v20+）
- Python 3.12+
- pnpm（推荐）或 npm
- Foundry（智能合约开发用）
git clone https://github.com/David-0x221Eight/web3-eip-playground.git
cd web3-eip-playground# 进入前端目录
cd apps/eip-playground
# 安装依赖
pnpm install
# 启动开发服务器
pnpm run dev浏览器打开 http://localhost:3000 即可体验。
# 进入后端目录
cd spoon-core
# 创建虚拟环境
python -m venv .venv
source .venv/bin/activate # Windows: .venv\Scripts\activate
# 安装依赖
pip install -r requirements.txt
# 复制环境变量模板
cp .env.example .env
# 在 .env 中配置你的 API 密钥
# 必填：ANTHROPIC_API_KEY 或 OPENAI_API_KEY
# 启动服务
uvicorn spoon_ai.tutor.service:app --reload --port 8000# 进入合约目录
cd contract
# 安装 Foundry 依赖
forge install
# 复制环境变量模板
cp .env.example .env
# 运行测试
forge test
# 部署到 Sepolia（需要有余额的钱包）
forge script script/Deploy.s.sol --rpc-url $SEPOLIA_RPC_URL --broadcast前端 (.env)
VITE_API_URL=http://localhost:8000
VITE_WALLET_CONNECT_PROJECT_ID=your_project_id后端 (.env)
# LLM API 密钥（至少配置一个）
ANTHROPIC_API_KEY=sk-ant-...
OPENAI_API_KEY=sk-...
# 区块链配置
SEPOLIA_RPC_URL=https://...
MINTER_PRIVATE_KEY=0x...
CONTRACT_ADDRESS=0x...线上地址：https://eip-playground.com/
视频地址：EIP Playground
| 网络 | 合约 | 地址 |
|---|---|---|
| Sepolia | GameBadgeNFT | 0xc444c475CB448BFc9E87EF79274426286Ec98cEC |
NFT 元数据：IPFS Gateway
eip-playground/
├── apps/
│ └── eip-playground/ # 前端应用
│ ├── client/
│ │ └── src/
│ │ ├── components/ # React 组件
│ │ │ ├── games/ # 互动游戏
│ │ │ │ ├── eip1559/
│ │ │ │ ├── eip7702/
│ │ │ │ └── erc8004/
│ │ │ ├── AITutor.tsx
│ │ │ ├── ComicReader.tsx
│ │ │ └── ...
│ │ ├── pages/ # 页面组件
│ │ ├── data/ # EIP 内容数据
│ │ └── lib/ # 工具函数 & 配置
│ └── server/ # Express 服务器
│
├── spoon-core/ # 后端 AI 框架
│ └── spoon_ai/
│ ├── agents/ # ReAct Agent 系统
│ ├── tutor/ # AI 导师服务
│ ├── llm/ # 多 LLM 提供商
│ └── tools/ # Agent 工具
│
├── contract/ # 智能合约
│ ├── src/
│ │ └── GameBadgeNFT.sol # 成就 NFT
│ ├── test/ # Forge 测试
│ └── script/ # 部署脚本
│
└── docs/ # 文档
└── ARCHITECTURE.md
- EIP-1559 学习模块 + 游戏
- EIP-7702 学习模块 + 游戏
- ERC-8004 介绍
- AI 导师集成
- NFT 成就系统
- 钱包连接（RainbowKit）
- ERC-20 代币标准模块
- ERC-721 NFT 标准模块
- EIP-4844（Proto-Danksharding）模块
- 排行榜系统
- 社交分享功能
- 用户贡献内容
- 多语言支持
- 移动端适配
- DAO 治理内容筛选
|
Swen AI 导师 & 后端 SpoonOS Agent 框架 |
David 前端 & 用户体验 游戏 & 教育设计 |
Dudu 智能合约 & Web3 NFT 系统 & 链上集成 |
💥🐼喜讯~ 在竞争激烈的2026届冬季“休闲”黑客松荣获亚军！🐼💥
- ETHPanda — 社区支持与灵感
- LXDAO — 技术指导与资源
- OpenZeppelin — 安全的智能合约库
- 以太坊基金会 — 创造了我们正在教授的标准
本项目基于 MIT License 开源。
ETHPanda x LXDAO 黑客松作品