Coding Idle Game
A VSCode extension that makes coding more fun! Combines an idle game, cool effects, and entertaining features to earn coins while you code.
✨ 主要功能
🎮 挂机游戏系统
在侧边栏中体验完整的金币挂机游戏：
- 自动挂机：编辑器打开时自动产生金币
- 手动点击：点击按钮或使用快捷键
Cmd+Alt+C / Ctrl+Alt+C 获得金币
- 升级系统：购买多种升级项提升金币产出速度
- 咖啡机：+0.1 金币/秒
- 机械键盘：+0.5 金币/秒
- 双显示器：+2 金币/秒
- 人体工学椅：+5 金币/秒
- 代码助手：+15 金币/秒
- AI编程伙伴：+50 金币/秒
- 成就系统：完成各种里程碑解锁成就徽章
- 状态栏显示：实时显示金币数量和产出速率
💥 编码特效
让你的代码输入充满视觉冲击力：
🪙 金币粒子效果
- 每次输入代码时都会爆出金币粒子
- 金币会向上漂浮并逐渐消失
- 伴随闪光效果
✨ 关键词爆炸特效
当输入特定编程关键词时，触发超酷的文字破碎和符号爆炸效果：
6 大关键词类别，每个类别都可以独立配置：
💥 函数关键词
- 默认关键词：
function, func, def, fn, async, await
- 特效符号：💥, 🔥, ⚡, ✨
💎 类关键词
- 默认关键词：
class, interface, struct, enum, type
- 特效符号：💎, 👑, 🌟, ⭐
🔄 循环关键词
- 默认关键词：
for, while, loop, foreach, map, filter
- 特效符号：🔄, ♻️, 🌀, ⚙️
❓ 条件关键词
- 默认关键词：
if, else, switch, case, when, match
- 特效符号：❓, ❗, ⚠️, 🎯
📦 变量关键词
- 默认关键词：
const, let, var, val
- 特效符号：📦, 🎁, 📫, 🗃️
↩️ 返回关键词
- 默认关键词：
return, yield, break, continue
- 特效符号：↩️, ⬅️, 🔙, ↪️
🎨 完全可自定义：
- 每个类别都可以独立启用/禁用
- 自定义关键词列表（支持任何语言，如西班牙语的
método）
- 自定义特效符号（选择你喜欢的 emoji）
🌊 波纹特效
- 鼠标点击时产生彩色波纹效果
- 可调节波纹大小（50-300px）
- 随机彩色波纹
🎰 抽奖系统
使用金币进行抽奖，赢取各种奖励：
- 普通奖励：小额金币、经验值提升
- 稀有奖励：大额金币、生产加成
- 史诗奖励：巨额金币、超级加成
- 传说奖励：超大金币包、永久增益
💾 存档管理
- 自动保存：每 10 秒自动保存游戏进度
- 查看存档信息：显示存档详细数据
- 打开存档文件夹：快速访问存档位置
- 手动备份：创建存档备份以防数据丢失
😄 趣味功能
- 随机笑话：显示编程相关的幽默笑话
- 随机表情：在编辑器中插入随机 emoji
🚀 快速开始
安装
- 克隆或下载此项目到本地
- 在 VSCode 中打开项目文件夹
- 按 F5 键启动调试
- 一个新的 VSCode 窗口将打开，扩展已自动激活
使用方法
打开游戏界面
- 点击左侧活动栏的 ⭐ 挂机游戏 图标
- 在侧边栏中查看游戏界面
启用编码特效
- 在侧边栏找到 💥 编码特效 区域
- 点击 ✅ 已启用 按钮开启特效
- 点击右侧的 ⚙️ 图标打开配置面板
自定义关键词特效
- 打开编码特效配置面板
- 找到想要自定义的类别（如 "💥 函数关键词"）
- 点击 ✏️ 编辑 按钮
- 第一步：输入关键词，用逗号分隔（例如：
function, func, método）
- 第二步：输入符号，用逗号分隔（例如：
💥, 🔥, ⚡）
- 点击确认保存
切换类别开关
在配置面板中，每个类别都有独立的开关按钮：
- ✅ 已启用：点击切换为禁用
- ❌ 已禁用：点击切换为启用
⌨️ 快捷键
| 快捷键 |
功能 |
Cmd+Alt+J / Ctrl+Alt+J |
显示随机笑话 |
Cmd+Alt+E / Ctrl+Alt+E |
插入随机表情 |
Cmd+Alt+C / Ctrl+Alt+C |
手动获得金币 |
⚙️ 配置选项
在 VSCode 设置中可以配置：
{
// 启用鼠标点击波纹特效
"funny-vscode-extension.enableRippleEffect": false,
// 波纹特效大小（像素）
"funny-vscode-extension.rippleSize": 100,
// 启用编码特效（金币粒子特效）
"funny-vscode-extension.enableCodeEffect": false,
// 关键词类别配置
"funny-vscode-extension.keywordCategories": {
"functions": {
"enabled": true,
"keywords": ["function", "func", "def", "fn", "async", "await"],
"symbols": ["💥", "🔥", "⚡", "✨"]
},
// ... 其他类别
}
}
📂 项目结构
my-first-vscode-extension/
├── extension.js # 主入口文件
├── package.json # 扩展清单
├── README.md # 本文件
├── src/
│ ├── game/ # 游戏逻辑模块
│ │ ├── gameState.js # 游戏状态管理
│ │ ├── achievements.js # 成就系统
│ │ ├── lottery.js # 抽奖系统
│ │ └── storage.js # 存档管理
│ └── ui/ # 界面模块
│ ├── webview.js # 侧边栏界面
│ ├── statusBar.js # 状态栏显示
│ └── coinParticleEffect.js # 金币粒子特效
└── .vscode/
└── launch.json # 调试配置
🎨 特效预览
编码特效示例
// 输入 "function" 时
function hello() { // 💥 🔥 ⚡ 触发文字破碎特效！
console.log("Hello!");
}
// 输入 "class" 时
class Game { // 💎 👑 🌟 触发类关键词特效！
// ...
}
// 输入 "for" 时
for (let i = 0; i < 10; i++) { // 🔄 ♻️ 🌀 触发循环特效！
// ...
}
💡 使用技巧
快速赚取金币：
- 编码时开启编码特效，输入代码自动获得金币
- 使用快捷键
Cmd+Alt+C 手动点击获得金币
- 优先升级产出高的项目（如"AI编程伙伴"）
自定义关键词：
- 添加你最常用的编程语言关键词
- 例如 Python 开发者可以添加
def, class, import
- 例如 Go 开发者可以添加
func, struct, interface
性能优化：
- 如果感觉卡顿，可以关闭部分类别的特效
- 减少特效符号数量
存档备份：
- 定期使用"备份存档"功能保护数据
- 存档位置：扩展的全局存储路径
🔧 开发与调试
调试扩展
- 打开项目文件夹
- 按 F5 启动调试
- 在新窗口中测试功能
- 查看调试控制台的日志输出
修改代码
- 添加新笑话：编辑
extension.js 中的 jokes 数组
- 修改游戏数值：编辑
src/game/gameState.js
- 自定义特效：编辑
src/ui/coinParticleEffect.js
- 调整界面样式：编辑
src/ui/webview.js 中的 CSS
📦 打包与发布
打包扩展
npm install -g @vscode/vsce
vsce package
发布到 Marketplace
vsce publish
详细信息请参阅 VSCode 扩展发布指南。
🐛 常见问题
Q: 特效没有显示？
A: 确保在侧边栏中启用了"💥 编码特效"开关。
Q: 点击设置按钮没有反应？
A: 尝试重新加载窗口（Cmd+R / Ctrl+R）。
Q: 金币没有自动增长？
A: 检查是否购买了至少一个升级项目。
Q: 存档丢失了？
A: 查看是否有备份文件，或检查扩展的存储路径。
Q: 如何完全关闭特效？
A: 在侧边栏中点击"💥 编码特效"的 ❌ 已禁用 按钮。
📄 许可证
MIT License
🙏 致谢
感谢所有为这个项目提供灵感和建议的开发者！
享受编程的乐趣！ 💻✨🎮
| |
