Tip
本项目基于官方 MCCAG 仓库修改。
访问 https://tayecag.tayemcser.cn 体验。
本项目做出大部分改动,为遵循原作者,本项目部署在天乐茶会官方网站后同步发布到这里以GPL3.0开源。
MCCAG 是一个基于 Web 的 Minecraft 头像生成器,支持多种头像风格和自定义选项。用户可以通过正版 ID、皮肤站或直接上传皮肤文件来生成个性化的头像。
Tip
若要将你的项目接入头像生成,请移步 MCCAG-Api 仓库。
- 🎨 多种头像风格:支持 Minimal、Vintage、Side 三种不同的头像渲染风格。
- 🌐 多种皮肤来源:支持正版 Mojang ID、皮肤站和本地上传。
- 🎯 高度自定义:可调整阴影、缩放、颜色、背景等多种参数。
- 🌍 多语言支持:支持中文、英文、日文、韩文、法文、德文。
- 📱 响应式设计:完美适配桌面和移动设备。
- 💾 多种下载格式:支持透明背景和带背景两种下载方式。
- index.html 中“皮肤站”获取的来源修改为“skin.tayemcser.cn”(注:默认是给我服务器的玩家使用的,不过如果你想自己使用可以在页面中修改URL地址。)
- 更换右侧广告位的图片和内容
- 更换右侧赞助内容
- 移除了语言(天乐茶会服主喜欢中文,如果需要多语言请前往官方项目。)
- 修改底部栏内容
- 反向代理来源设置为天乐茶会自写的PHP反向代理。
访问 https://tayecag.tayemcser.cn 以体验天乐茶会修改的项目,访问 https://mccag.cn 以使用官方项目。
# 克隆官方项目
git clone https://github.com/MCCAG/Website.git
# 进入项目目录
cd Website
# 安装依赖
npm install
# 启动本地开发服务器
npm run dev# 构建项目
npm run build构建后的文件将输出到 .dist 目录,其中所有 JavaScript 文件会被打包成一个单独的 Bundle.js 文件。
- HTML5:语义化标记和现代 Web 标准。
- CSS3:响应式布局、动画效果、自定义属性。
- JavaScript ES6+:模块化架构、异步处理、Canvas 绘图。
- Canvas API:头像渲染和图像处理。
MCCAG/
├── Index.html # 主页面
├── Index.css # 主样式文件
├── Index.js # 入口文件
├── Modules/ # 核心模块
│ ├── App.js # 主应用逻辑
│ ├── I18n.js # 国际化支持
│ ├── Network.js # 网络请求处理
│ ├── Utils.js # 工具函数
│ └── Renderers/ # 渲染器模块
│ ├── Index.js # 渲染器入口
│ ├── Data.js # 数据处理
│ ├── Image.js # 图像处理
│ ├── Minimal.js # Minimal 风格渲染器
│ ├── Vintage.js # Vintage 风格渲染器
│ └── Side.js # Side 风格渲染器
└── Resources/ # 静态资源
├── Data/ # 数据文件夹
├── Icons/ # 图标文件夹
├── Models/ # 模型预览图文件夹
├── Saylor.jpg # 天乐茶会版本的图标
└── 2026-01-11_18.01.20.png # 服务器截图,用在广告位背景上。
MCCAG/
├── Index.html # 主页面
├── Index.css # 主样式文件
├── Index.js # 入口文件
├── Modules/ # 核心模块
│ ├── App.js # 主应用逻辑
│ ├── I18n.js # 国际化支持
│ ├── Network.js # 网络请求处理
│ ├── Utils.js # 工具函数
│ └── Renderers/ # 渲染器模块
│ ├── Index.js # 渲染器入口
│ ├── Data.js # 数据处理
│ ├── Image.js # 图像处理
│ ├── Minimal.js # Minimal 风格渲染器
│ ├── Vintage.js # Vintage 风格渲染器
│ └── Side.js # Side 风格渲染器
└── Resources/ # 静态资源
├── Data/ # 数据文件夹
├── Icons/ # 图标文件夹
└── Models/ # 模型预览图文件夹
- 应用控制主类:主应用类,管理整体状态和流程。
- 渲染器系统:模块化的头像渲染引擎。
- 网络模块:处理 Mojang API 和皮肤站 API 调用。
- 国际化模块:多语言支持系统。
- 工具模块:通用工具函数和 UI 交互。
本项目采用 GNU General Public License v3.0 许可证。
- 灵感来源:Natsusomekeishi/MCCAG
- Minimal 风格灵感:噪音回放
- Side 风格灵感:Henry Packs
- 感谢所有贡献者和用户的支持
