守望先锋聊天编辑器 (Overwatch Chat Editor)

一个基于 Next.js 的守望先锋聊天代码编辑器，支持创建和编辑包含纹理、颜色、渐变等效果的聊天消息。

功能特性

• 🎨 文字编辑: 支持普通文字、彩色文字和渐变文字
• 🖼️ 纹理支持: 包含丰富的守望先锋游戏纹理资源
• 📋 模板系统: 预设模板和自定义模板保存
• 👀 实时预览: 所见即所得的编辑体验
• 📝 代码生成: 自动生成守望先锋聊天代码
• 💾 本地存储: 支持保存自定义模板到本地

纹理数据来源

本项目的纹理数据来源于 Overwatch Item Tracker Texture Viewer，包含：

• 英雄头像纹理
• 表情图标纹理
• 技能图标纹理
• 其他游戏内图标纹理

感谢 Overwatch Item Tracker 团队提供的纹理资源数据。

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.