# aigc

**Repository Path**: kobe20/aigc

## Basic Information

- **Project Name**: aigc
- **Description**: AI小项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-02
- **Last Updated**: 2025-01-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AI你画我猜 - 项目说明文档

## 项目概述
这是一个基于网页的AI你画我猜游戏，用户可以在画布上绘画，AI会实时识别用户绘制的内容。游戏支持多个类别的词语，包括动物、物品、成语、食物和运动，并具有计分功能和语音朗读功能。

## 运行方式
打开index.html文件即可运行游戏。

## 主要功能

### 1. 绘画系统
- 画布尺寸：自适应屏幕
- 基础工具：
    - 清空画板
    - 撤销功能
    - 橡皮擦（固定大小）
- 画笔设置：
    - 可调节画笔大小（1-20px）
    - 自定义颜色选择器
    - 预设4种常用颜色

### 2. 游戏机制
- 词语分类：
    - 动物（30个词）
    - 物品（30个词）
    - 成语（30个词）
    - 食物（40个词）
    - 运动（30个词）
- 计分系统：
    - 答对加5分
    - 可重置分数
    - 带有动画效果的得分显示

### 3. AI识别功能
- 实时识别：绘画停顿2.5秒后自动识别
- 使用Coze API进行图像识别
- 识别结果实时显示在聊天框中
- 支持语音朗读识别结果

## 技术实现

### 1. 前端技术
- 纯原生JavaScript实现
- HTML5 Canvas绘图
- CSS3动画和过渡效果
- Web Speech API语音合成
- Marked.js用于Markdown渲染

### 2. 关键功能实现
- 绘画历史记录：
  ```javascript
  let drawingHistory = [];
  let currentStep = -1;
  ```
- 防抖处理：
  ```javascript
  let recognizeTimeout;
  function debounceRecognize() {
      clearTimeout(recognizeTimeout);
      recognizeTimeout = setTimeout(() => {
          sendToRecognition();
      }, 2500);
  }
  ```
- 语音合成：
  ```javascript
  function speakText(text) {
      const utterance = new SpeechSynthesisUtterance();
      utterance.text = text;
      utterance.lang = 'zh-CN';
      window.speechSynthesis.speak(utterance);
  }
  ```

### 3. API集成
- 文件上传：`https://api.coze.cn/v1/files/upload`
- 工作流执行：`https://api.coze.cn/v1/workflow/stream_run`

## 界面设计
- 整体风格：
    - 主色调：橙色系（#ff9f4a, #ff7f27）
    - 背景色：米白色（#fff9f2）
- 布局结构：
    - 顶部：题目显示区（带装饰图标）
    - 中部：工具栏 + 画布
    - 右侧：识别结果 + 语音播放
    - 底部：得分区域

## 使用说明
1. 选择词语类别（动物/物品/成语/食物/运动）
2. 查看需要绘制的题目
3. 使用工具栏选择颜色和画笔大小
4. 在画布上绘制
5. 等待AI识别结果（自动语音播报）
6. 可点击喇叭图标重新播放识别结果
7. 答对后点击"正确"按钮获得分数
8. 点击"下一题"继续游戏

## 注意事项
- 画布支持触摸设备（touch-action: none）
- 图像识别有2.5秒延迟，避免频繁请求
- 支持撤销最近的绘画操作
- 语音播放需要浏览器支持Web Speech API
- 建议使用现代浏览器以获得最佳体验