# spark-show

**Repository Path**: ccolt/spark-show

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-03-17
- **Last Updated**: 2026-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🎆 Spark Show

一个浪漫的网页烟花秀展示应用，点击屏幕或开启自动模式，尽情享受璀璨烟花带来的视觉盛宴。

![Spark Show](https://img.shields.io/badge/Next.js-16-black?style=flat-square&logo=next.js)
![React](https://img.shields.io/badge/React-19-61DAFB?style=flat-square&logo=react)
![Tailwind CSS](https://img.shields.io/badge/Tailwind CSS-4-38B2AC?style=flat-square&logo=tailwind-css)

## ✨ 特性

- **点击发射** - 点击屏幕任意位置发射烟花
- **自动模式** - 开启自动烟花秀，无需手动操作
- **强度调节** - 根据个人喜好调整烟花密度
- **多种效果** - 支持多种烟花爆炸效果
- **暗色主题** - 优雅的暗色背景，突显烟花之美

## 🛠️ 技术栈

- **Next.js 16** - React 全栈框架
- **React 19** - UI 库
- **Tailwind CSS 4** - 原子化 CSS
- **TypeScript** - 类型安全

## 🚀 快速开始

### 安装依赖

```bash
npm install
# 或
yarn install
# 或
pnpm install
```

### 启动开发服务器

```bash
npm run dev
```

打开 [http://localhost:3000](http://localhost:3000) 查看效果。

### 构建生产版本

```bash
npm run build
```

## 📖 使用说明

1. **发射烟花** - 点击屏幕任意位置
2. **自动模式** - 点击 "Auto Fire" 按钮开启/关闭
3. **调整强度** - 拖动滑块调节烟花密度
4. **隐藏控制面板** - 点击 "Hide" 隐藏底部控制栏
5. **显示控制面板** - 点击 "Show Controls" 重新显示

## 🌐 部署

推荐部署到 Vercel：

[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/ccolt/spark-show)

## 📝 License

MIT License