V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
coolpace
V2EX  ›  分享创造

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

  •  2
     
  •   coolpace · 215 天前 · 5752 次点击
    这是一个创建于 215 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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