watercolor-canvas

几行代码在网页上画出自然晕染的水彩画

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 设计创意 🍴 复刻 10 👀 关注 5
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 124
维护状态 低维护
是否开源 开源
定价模式 🏷️完全免费 开源项目,MIT许可证,完全免费,可自行部署使用。

项目预览

watercolor-canvas 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类设计创意
开发团队rolyatmax
定价模式🏷️完全免费
价格说明开源项目,MIT许可证,完全免费,可自行部署使用。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型canvas,creative-coding,generative-art,watercolor
GitHub 星标★ 124
上线时间2017-05-01 00:00:00
代码更新2017-05-03
仓库体积9.0 MB
本站数据更新2026-11-09
维护状态低维护
收录时间2026-08-09
浏览次数8

项目介绍

watercolor-canvas 是一个用 JavaScript 实现的生成水彩风格画作的 Canvas 库。它解决的是在网页上模拟真实水彩颜料晕染、扩散和叠加效果的问题,让开发者无需依赖复杂的图像处理算法,就能通过简单的 API 调用,在画布上生成具有自然水彩质感的纹理和色彩过渡。其核心能力包括模拟颜料在纸上的湿润扩散、颜色混合、边缘羽化以及纸张纹理叠加,从而产生类似真实水彩画的随机性和艺术感。项目基于原生 Canvas API,轻量易用,适合用于创意编程、艺术生成、网页背景设计等场景。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 124

核心亮点

  • 基于原生 Canvas,无外部依赖,集成简单
  • 模拟了水彩的湿润扩散和颜色混合,效果逼真
  • API 简洁,快速上手生成艺术画作

不足之处

  • 文档/社区待观察
  • 项目早期,功能覆盖和稳定性可能有限

适用场景

  • 网页端生成水彩风格背景或装饰画
  • 创意编程和艺术互动装置
  • 快速生成水彩风格素材用于设计

替代项目

paper.js、p5.js、rough.js

上一篇:AdaIN-style

下一篇:fracture

同类项目推荐

ComfyUI-PainterNodes 开源

一个节点包搞定视频、修图和音频对口型

A comprehensive ComfyUI toolkit for video generation, image editing, and audio-drive···

★ 203 2026-09-29
MOSAIC 开源

一张图生成多个指定主体,身份不串味

[ICLR 2026]MOSAIC: Multi-Subject Personalized Generation via Correspondence-Aware Al···

★ 199 2026-08-09
Text2Earth 开源

输入文字,秒出遥感图像,赋能地理空间智能

[IEEE GRSM 2025 ] "Text2Earth: Unlocking Text-driven Remote Sensing Image Generation···

★ 192 2026-08-09
FontDiffuser 开源

一个参考字,AI帮你生成整套同风格字体

[AAAI2024] FontDiffuser: One-Shot Font Generation via Denoising Diffusion with Multi···

★ 579 2026-08-09
SGDiff 开源

从场景图到图像,精准控制物体关系生成

Official implementation for "Diffusion-Based Scene Graph to Image Generation with Ma···

★ 78 2026-08-09
Generative-Art 开源

用 Python 脚本一键生成独特艺术图像

A selection of generative art scripts written in Python

★ 327 2026-08-09
mono-pix 开源

像素图秒变高清真实图,免费且浏览器本地运行

Turn Fake Pixel Art Real — Fast, free, and runs in your browser.

★ 153 2026-08-09
degenerate 开源

用代码生成无限视觉艺术,开启创意编程新玩法

A generative art computer

★ 121 2026-08-09
text-to-image 开源

用一句话描述,GAN模型生成对应图像

Text to Image Synthesis using Generative Adversarial Networks

★ 78 2026-08-09