爱意满满的作品展示区。
coolpace

分享一个 Vue3 + Vite 开发的纯前端在线头像生成网站 🥳

  •  2
     
  •   coolpace ·
    Codennnn · Oct 22, 2021 · 9559 views
    This topic created in 1839 days ago, the information mentioned may be changed or developed.

    Vue Color Avatar 预览截图 Vue Color Avatar 预览截图 头像样例

    项目链接

    在线预览:https://vue-color-avatar.vercel.app

    GitHub 源码:https://github.com/Codennnn/vue-color-avatar

    项目介绍

    这是一款矢量风格头像的生成器,你可以搭配不同的素材组件,生成自己的个性化头像。

    你可能感兴趣的功能:

    • 可视化组件配置栏
    • 随机生成头像,有一定概率触发彩蛋
    • 撤销 /还原更改
    • 国际化多语言

    设计资源

    附言

    这个项目是我学习 Vue3 之后写第一个网站,里面有一些个人认为较好的代码实践,包括 Typescript 的应用和 ESLint + Prettier 的配置,希望对你有帮助。

    喜欢的话请给这个项目一个 Star ⭐ 吧~

    47 replies  •  2021-11-08 14:35:28 +08:00
    draven511250
    draven511250
    Oct 22, 2021
    1
    蛮有意思的。
    zsxzy
    zsxzy
    Oct 22, 2021
    2
    配色挺好
    DearMark
    DearMark
    Oct 22, 2021
    3
    赏起来
    stimulate1797
    stimulate1797
    Oct 22, 2021
    4
    可以啊
    MzM2ODkx
    MzM2ODkx
    Oct 22, 2021
    5
    有点意思
    ixoy
    ixoy
    Oct 22, 2021
    6
    之前也看到过一个 notion 头像生成器 https://notion-avatar.vercel.app/zh
    可参考参考
    Livid
    Livid
    MOD
    PRO
    Oct 22, 2021
    7
    有没有考虑过做成 NFT Collection ?
    yl20181003
    yl20181003
    Oct 22, 2021
    8
    挺有意思
    dfourc
    dfourc
    Oct 22, 2021
    9
    UI 真不错
    coolpace
    coolpace
    OP
    Oct 22, 2021
    10
    @Livid [楼主回复]
    抱歉,我还不知道什么是 NFT Collection,我先去搜索一下相关信息 😉
    coolpace
    coolpace
    OP
    Oct 22, 2021
    11
    @ixoy [楼主回复]
    我开发的时候也参考了这个项目!~
    Livid
    Livid
    MOD
    PRO
    Oct 22, 2021
    12
    QUC062IzY3M1Y6dg
    QUC062IzY3M1Y6dg
    Oct 22, 2021
    13
    真不错
    ALVC666
    ALVC666
    Oct 22, 2021
    14
    好! 本搬砖狗表示让我实现可以 但是让我去设计出来这么一个真的好难
    毫无设计能力 只知道好看还是不好看
    Pyrex23
    Pyrex23
    Oct 22, 2021 via iPhone
    15
    之前看到过一些一模一样的。。

    https://github.com/holiday-lab/holiday-avatar
    coolpace
    coolpace
    OP
    Oct 22, 2021
    16
    @Livid [楼主回复]
    非常酷!感谢提供的信息,我会去了解更多细节的
    coolpace
    coolpace
    OP
    Oct 22, 2021
    17
    @Pyrex23 [楼主回复#15]
    嗯哼,这种风格的头像还挺受欢迎的
    tribute
    tribute
    Oct 22, 2021
    18
    针不戳
    beiyu
    beiyu
    Oct 22, 2021
    19
    很棒,喜欢楼主的设计风格.
    stefanieewu
    stefanieewu
    Oct 22, 2021
    20
    设计很喜欢,不过好像随机生成,只是在一个随机池里随便选一个?
    coolpace
    coolpace
    OP
    Oct 22, 2021❤️1
    21
    @stefanieewu [楼主回复#20]
    可以这么理解,每个头像部位的选项都是一个数组定义,从数组里随机选取一个与其他部位进行组合
    est
    est
    Oct 22, 2021
    22
    NFT 搞起来 2333
    Remember
    Remember
    Oct 22, 2021
    23
    捏脸好评,可惜就是选项还是太少了,希望搞丰富一点
    shilianmlxg
    shilianmlxg
    Oct 22, 2021 via iPhone
    24
    多谢大佬 可以多学亿点点东西
    tousfun
    tousfun
    Oct 22, 2021 via iPhone
    25
    大佬为什么初学就能做出来这么好玩的项目啊?之前有前端经验吗
    coolpace
    coolpace
    OP
    Oct 22, 2021
    26
    @Remember [楼主回复#23]
    看来大家都挺喜欢这种风格的头像,我准备找设计师画一波素材
    coolpace
    coolpace
    OP
    Oct 22, 2021
    27
    @919615766 [楼主回复#25]
    我的主业是前端开发
    leonleung
    leonleung
    Oct 23, 2021
    28
    用这换了个波头像
    coolpace
    coolpace
    OP
    Oct 23, 2021
    29
    @leonleung [楼主回复#28]
    谢谢支持,我计划近期再更新一波头像素材,可以关注我的项目获取最新状态哦
    cond0r
    cond0r
    Oct 24, 2021
    30
    用上了 感谢楼主
    lovegoogle
    lovegoogle
    Oct 24, 2021
    31
    建议加上用上 GAN (生成对抗网络)随机生成各种有趣风格的图片 ^_^
    yunyuyuan
    yunyuyuan
    Oct 25, 2021
    32
    我要是也认识一个设计朋友就好了,作为前端写的网站自己都不忍直视
    coolpace
    coolpace
    OP
    Oct 25, 2021
    33
    @lovegoogle [楼主回复#31]
    赶紧查了查什么是对抗网络 🧐
    coolpace
    coolpace
    OP
    Oct 25, 2021
    34
    @yunyuyuan [楼主回复#32]
    在模仿中慢慢培养审美吧哈哈
    jinzhe
    jinzhe
    Oct 26, 2021
    35
    左边主界面出来滚动条有点丑
    coolpace
    coolpace
    OP
    Oct 26, 2021
    36
    @jinzhe [楼主回复#35]
    正常情况是没有滚动条的,可以说下怎么复现吗?
    six6pear
    six6pear
    Oct 26, 2021
    37
    不错,很喜欢。就是现阶段素材太少,望完善。
    starxg
    starxg
    Oct 28, 2021
    38
    很好!
    lsorrow
    lsorrow
    Oct 29, 2021
    39
    胡子直接盖在嘴巴上了哈哈哈
    jinzhe
    jinzhe
    Nov 1, 2021
    40
    @coolpace 直接打开就有了,macOS chrome macbook pro
    t298
    t298
    Nov 1, 2021
    41
    喜欢
    uTuw2C6uf964Kx6o
    uTuw2C6uf964Kx6o
    Nov 4, 2021
    42
    风格不错
    zzl22100048
    zzl22100048
    Nov 4, 2021
    43
    随机生成比我自己捏的好看。。。
    PEAL
    PEAL
    Nov 4, 2021
    44
    爱了爱了
    akakidz
    akakidz
    Nov 7, 2021
    45
    cool
    sakuno
    sakuno
    Nov 8, 2021
    46
    用上了 感谢楼主
    chenz197
    chenz197
    Nov 8, 2021
    47
    牛
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1509 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 107ms · UTC 23:01 · PVG 07:01 · LAX 15:01 · JFK 18:01
    ♥ Do have faith in what you're doing.