# beans

**Repository Path**: barrysgy/beans

## Basic Information

- **Project Name**: beans
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-13
- **Last Updated**: 2026-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# Beans - 彩色串珠解谜游戏

Beans 是一款基于 Canvas 的在线串珠解谜游戏。玩家需要根据目标图案，在画板上用不同颜色的珠子还原目标图形，完成关卡挑战。

## 游戏玩法

- **目标图案**：每个关卡都有需要还原的目标图案
- **调色板**：底部提供多种颜色选择，点击切换当前使用的颜色
- **绘制**：在画板上点击或拖拽来放置珠子
- **撤销**：支持撤销上一步操作
- **检查**：检查当前进度是否正确
- **清除**：清除画板上的所有珠子

## 功能特性

- 🎨 丰富的颜色调色板
- ⏱️ 通关计时器
- ↩️ 完整的撤销功能
- 📊 进度追踪系统
- 🎵 背景音乐支持
- 📱 支持触屏和鼠标操作
- 💾 本地存储进度保存

## 技术栈

- 原生 JavaScript (无框架依赖)
- HTML5 Canvas 渲染
- CSS3 样式
- LocalStorage 进度存储

## 快速开始

直接在浏览器中打开 `game/index.html` 即可开始游戏。

## 操作说明

| 操作 | 说明 |
|------|------|
| 点击画板 | 放置珠子 |
| 选中颜色 | 点击底部调色板 |
| 撤销 | 点击撤销按钮 |
| 检查 | 点击检查按钮 |
| 重新开始 | 点击清除按钮 |
| 查看关卡 | 点击关卡按钮 |

## 项目结构

```
game/
├── assets/          # 静态资源
│   └── bgm.mp3      # 背景音乐
├── game.js          # 游戏核心逻辑
├── index.html       # 游戏入口页面
├── levels.js        # 关卡数据
├── levels-catalog.js # 关卡目录
├── styles.css       # 样式文件
└── package.json    # 项目配置
```

## 许可证

MIT License