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

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

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

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