codennnn / vue-color-avatar

An online avatar generator just for fun | 一个纯前端实现的头像生成网站

Vue Color Avatar

🧑‍🦱 A playful avatar generator 🧑‍🦳

简体中文

Preview

https://vue-color-avatar.leoku.dev

Introduction

This is a vector style avatar generator, you can match different material components to generate your own personalized avatar.

Features you might be interested in:

• Visual component configuration bar
• Randomly generate an avatar
• Redo/Undo
• i18n
• Generate multiple avatars in batch

Assets

Note
The avatar assets implementation of Avatar Illustration System by Micah Lanier. And the licensed under CC BY 4.0.

Develop

This project is built with Vue3 + Vite.

# 1. Clone project
git clone https://github.com/Codennnn/vue-color-avatar.git

# 2. Install dependencies
yarn install

# 3. Run
yarn dev

Docker deploy

You can directly run using the image I have already built.

docker run -d -t -p 5173:8080 \
--name=vue-color-avatar \
--restart=always \
docker.io/wenyang0/vue-color-avatar:latest

Or, you can manually compile it yourself if you prefer.

#clone the code
git clone https://github.com/Codennnn/vue-color-avatar.git

#docker build
cd vue-color-avatar/
docker build -t vue-color-avatar:v1 .

#start server
docker run -d -t -p 5173:8080 --name vue-color-avatar --restart=always vue-color-avatar:v1

Finally, open your browser and access the service's address at http://serverIP:5173.

Deployed on Zeabur

Our project is powered by Zeabur. Their high-quality server services ensure the stable operation of our project. Need quality server services? Check them out via the link!

vue-color-avatar's Issues

你好 我下载了代码 项目没如愿的跑起来

自动生成时，可以选择生成男性还是女性头像

胡子不能过滤嘴巴和牙齿，导致胡子长在了嘴里

赞👍

Feature request: Customizing colors for components

As titled, need more color for hair.

Npm library

Hi @Codennnn,

Have you considered developing an npm library for this feature? It would be incredibly useful to have a library that allows users to simply import the component and pass in a JSON object for easy implementation in the web.

核心包可以考虑使用 holiday-avatar

holiday-avatar
可以合作共建

能更新点脸型和发型吗

大佬，能更新点女性的脸型和发型吗，偏年轻点的。想做情侣头像，哈哈哈哈

能否提供生成单个头像的api

比如/api/avatar?config=urlencoded(configObject)，这样就可以方便嵌入到论坛及博客系统里面。生成的文件可以用svg格式，也可以后端渲染为位图格式。涉及到后端可能与本项目原始定位有点偏离，但感觉是个较为实用的feature。

建议：生成一批随机头像供下载

感谢作者，头像很好看，期望有个功能能批量生成头像

The feature randomize and generate multiple don't randomize the skin tone

When using the randomize or generate multiples features, the generated avatar randomizes all parameters of an avatar, except the skin tone.
We have three skin tones defined in the template (still too few but more on that later), the script should apply one of the three to the base element every random avatar generation.

Context
In Brazil, we have a very mixed population, generating a huge variety of skin tones. This tweak would make the template more interesting for designers working in Brazilian companies as it would better represent the Brazilian population.

您好 能否提供docker方式部署呢 ？

您好 能否提供docker方式部署呢 ？

ERR_CONNECTION_TIMED_OUT

what's wrong