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

酷炫的背景图生成工具,免费、开源、纯前端项目

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

    🫡 V2EX 的大佬们你们好

    小弟花了几周时间,做了一个基于 JS 和 Webgl 的前端生成 背景图片、背景视频 的工具:

    https://www.color4bg.com

    color4bg.com

    (继续介绍)

    如果你想给自己的项目,比如独立开发的产品落地页、PPT 文稿、或者个人社交网站的背景换换口味,那么不放用一下这个产品,它的主题颜色切换一定会弄出让你钟意的一张背景出来,比如下面这种类似 Stripe 的网站背景,就可以轻松得到:

    color4bg.com

    (继续介绍)

    🎨 目前这个版本,提供了几种模式的生成器,包括流体类型、渐变类型的、三角马赛克等等

    color4bg.com

    🚀 功能包括:

    • 多种生成器类型可选
    • 均可以自定义颜色
    • 懒得手动调颜色,有多个色系的色彩搭配,直接切换
    • 支持导出为 PNG 、或 Webm 视频
    • 支持将背景通过 JS 脚本引入 size<100k

    并且,核心生成逻辑,开源: https://github.com/winterx/color4bg.js

    👏🏻 欢迎大家使用,并留下意见反馈

    20 条回复    2024-07-10 14:22:25 +08:00
    rekulas
        1
    rekulas  
       129 天前
    可以 但是默认的色彩搭配似乎不是很好看,最好+一些优秀组合,毕竟程序员不擅长这方面
    fangyex
        2
    fangyex  
    OP
       129 天前
    @rekulas 感谢你的反馈哈~ 其实产品里面有很多色彩主题可选的 🫡
    bzj
        3
    bzj  
       129 天前
    很不错的项目,打算接入博客自动生成文章封面图,感谢开源
    bzj
        4
    bzj  
       129 天前
    提个小小的建议,希望可以多一些像下面这种不规则的立体几何图形

    https://imgur.com/a/3CHIBQI
    luyu911
        5
    luyu911  
       129 天前
    很好的工具
    goxxoo
        6
    goxxoo  
       129 天前
    不错 撕个大
    fangyex
        7
    fangyex  
    OP
       129 天前
    @bzj 好的,感谢反馈 🫡 ~
    paloalto
        8
    paloalto  
       129 天前
    👍 不错,starred ❤️
    frank553000
        9
    frank553000  
       129 天前
    不错,已加入收藏夹~
    wuoty
        10
    wuoty  
       129 天前
    很有趣的项目
    Marcus233
        11
    Marcus233  
       129 天前
    佬,速度能调吗
    EngelEyes
        12
    EngelEyes  
       129 天前
    孩子很喜欢
    Tyrant1984
        13
    Tyrant1984  
       129 天前
    不错不错~
    xiaochuangyi
        14
    xiaochuangyi  
       129 天前
    不错,看看能不能引入我即将上线的产品中,给 op 点赞
    cpf
        15
    cpf  
       129 天前 via iPhone
    好强啊,点赞👍
    wonderfulcxm
        16
    wonderfulcxm  
       129 天前 via iPhone
    学习了
    deiphi
        17
    deiphi  
       128 天前
    很酷,可以做海报背景。
    enqueueit
        18
    enqueueit  
       128 天前
    bucuo
    MLawliet
        19
    MLawliet  
       127 天前
    挺好的,横向风格效果不错,但是换成竖向 size 后好像只是简单的做了缩放,效果不太好,尤其是 abstract-shape 样式
    fangyex
        20
    fangyex  
    OP
       127 天前
    @MLawliet 感谢您的反馈!我正在优化这块,非常感谢 🫡
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3060 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 14:15 · PVG 22:15 · LAX 06:15 · JFK 09:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.