Watercolor Playground — 浏览器里的真颜料水彩画板

Watercolor Playground 是一个在浏览器里运行的水彩绘画应用。这个软件工具走 MIT 协议，用 TypeScript 加 WebGL2 写，颜料只在湿纸上流动，颜色像真实颜料一样混合，水洗干后有柔和的 bloom 和深色潮线。作为一个开源软件，它不需要安装，鼠标、触摸屏、Apple Pencil 都能用，打开网页就能画。

场景痛点

想试试水彩但手边没有颜料纸，在电脑上画图软件出来的效果都是数字感的，不像真水彩那样晕染和潮线。想要一个能在浏览器里直接打开、颜料真的像水彩那样混色和流动的画板。做设计工具和在线工具的人想要的，不是一个带笔刷的矢量绘图软件，是一个颜料在湿纸上真的会扩散、干了有深色潮线的水彩模拟。

主要功能特点

颜料光谱混色

Watercolor Playground 颜料存储为光谱而不是 RGB，黄加蓝变绿，玫瑰红加群青变紫，赭石加群青变柔和灰。湿纸上画会晕开，干纸上画有硬边。这不是数字混色，是按 Beer-Lambert 定律做的减法混色。

14 种画笔加自定义笔

圆头、平头、勾线、排笔、拖把、扇形、干笔、海绵、泼溅、点画、毛笔等 14 种。干笔只触纸的凸起，笔触破碎。平头和匕首笔跟随 Apple Pencil 倾斜。还能把任何 PNG 或 JPG 变成画笔。

文字加形状加填充

文字工具逐字母写，用单线绘图字体。形状工具拖动画线、箭头、矩形、椭圆、三角形、多边形、星星，还能导入自己的 SVG。填充工具点一个区域，水洗从那里扩散填充。这种图片处理级别的功能，比普通画板完整。

水加钢笔加抬笔加干纸

湿纸后用清水推颜料走，画墨线在湿区晕开，用纸巾吸掉湿颜料，闪干纸面上再罩新色。10 种纸：冷压、热压、粗糙、卡迪、和纸、牛皮纸，尺寸从明信片到 2400×1600。

参考图加历史加导出

放照片或草图在下面描，iPhone HEIC 照片也支持。撤销重做任意步骤。导出 PNG、JPEG、WebP，保存 .wcp 项目文件以后接着画。这种数字生活级别的画板，比线下方便。

手绘追踪加 GPU 模拟

开摄像头用手画画，捏合画画。水流模拟跑在 GPU 上，只模拟湿的部分，只重绘变化部分，干了就停，空闲不占 GPU。画布上限 2048×1536。

简易使用教程

直接打开网页就能画，不需要安装任何东西。
从底部调色板选颜料，从左侧工具栏选画笔。
用画笔（B）开始画，趁湿加第二种颜色看它们混在一起。
用水（W）软化边缘或推动湿颜料。
按干纸（D）罩新色不打扰底层。
按保存（S）导出图片。
用 Apple Pencil 的话，压感变笔触， barrel 键切水，橡皮端抬笔。
想本地跑就装好 Node.js 20，clone 仓库后 npm install 加 npm run dev。
日常用下来画水彩草稿和试色都在浏览器里，想找类似工具推荐里的图片编辑可以翻酷软趣站。

官方网站

官网访问

GitHub 访问

下载地址

https://pan.quark.cn/s/9916584fa780

https://www.guangyapan.com/s/1957282888860987405_aeWhI5wocgzRgCO6 （光鸭新用户注册福利：永久免费空间：所有新用户注册即可解锁 2TB 永久免费存储空间，无需额外任务或付费）

Watercolor Playground — 浏览器里的真颜料水彩画板

场景痛点