7Colors for VS Code

在 VS Code 中直接游玩 7Colors 染色对战小游戏的扩展插件。

游戏截图

新功能：从 0.1.0 版本开始，支持侧栏难度树一键开局，并可在对局中实时切换难度。
功能：通过内置 Webview 在编辑器内运行 7Colors 染色对战，不离开 VS Code 即可休闲娱乐。
入口：活动栏「7Colors」难度树，或命令面板执行 7Colors: 打开游戏。
主要特性：
- 侧栏提供 简单 / 普通 / 困难 三档难度，点击即开一局。
- Webview 棋盘：7 色调色盘、悬停预览将要染色的格子、落子后颜色沿相邻格传播扩散的动画。
- 音效开关与重开一局按钮；棋盘顶部只读显示当前难度。
- 对局中可随时在侧栏切换难度，立即应用到当前局。
- 每局随机布置、双方基地异色，保证公平开局。
规则简介：
- 轮到你时选择一种颜色，你的所有领地以及与之相邻的同色格都会被染成该色。
- 不能选择与对方基地相同的颜色。
- 双方都无法继续扩展时，按占地格数判定胜负，占地多者获胜。
操作按键：
- 1–7：选择对应颜色落子
- R：重开一局
- 鼠标：点击调色盘选色；悬停格子预览染色范围

打开 VS Code，进入扩展市场（快捷键 Cmd/Ctrl + Shift + X）。
搜索 7Colors（或本插件发布名 7colors-vscode），点击安装。
安装完成后，点击活动栏的 7Colors 图标打开难度树，选择一个难度即可开始；或按 Cmd/Ctrl + Shift + P 执行命令 7Colors: 打开游戏。
对局中可随时在难度树切换难度，或点击棋盘内的「重开一局」重新开始。

安装后若命令/视图未出现，可重启 VS Code 重新加载扩展。

适用于从源码二次开发或本地预览：

安装依赖：
```
npm install
```
使用 VS Code 打开本项目根目录，按 F5 启动调试。
- 调试前会自动编译 TypeScript（src → out）并后台监听改动。
- VS Code 会打开一个新的「扩展开发宿主」窗口。
在扩展开发窗口中，点击活动栏 7Colors 图标打开难度树并选择难度，或执行命令 7Colors: 打开游戏 即可游玩。