Skip to content

Commit a3dff59

Browse files
committed
feat: 更名 Brushtrokes 笔触工坊 + 界面美化 + 终帧高分辨率导出
更名:strokeoil 是「油画」专名,而现在有八种风格,名字已经不达意。 改为 Brushtrokes · 笔触工坊 —— 八种风格的共同点就是「笔触」。 同步更新页面标题、页头、播放器标题、下载文件名前缀与 README。 终帧分辨率:原来直接拿屏幕预览画布 toBlob(最宽 1000px,还受 DPR 影响), 导出的图很糊。改为按原图尺寸离屏重绘全部笔触,并新增 1x / 2x / 3x 三档, 实测 1527×1000 / 3054×2000 / 4581×3000 全部精确匹配。 加了 8000px 上限防 OOM,导出后显示实际尺寸与文件大小。 界面:重做配色与层次——页头渐变标题、区块标题带分隔线、卡片改为渐变底 + 更柔和的阴影、风格卡片悬停上浮与选中内阴影、按钮加渐变与位移反馈、 数据区改为带边框的浅底块、页脚加分隔线。移动端同步调整。
1 parent af3c1b4 commit a3dff59

6 files changed

Lines changed: 242 additions & 116 deletions

File tree

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# strokeoil · 图片逐笔重绘
1+
# Brushtrokes · 笔触工坊
22

33
把任意图片重绘成「一笔一笔画出来」的过程动画,内置 **八种风格**:油画、线描、色块、素描、水墨、点彩、霓虹、像素。
44
**纯前端实现,图片不上传、无需后端**,可直接托管到 GitHub Pages。

‎build.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/* strokeoil build — 资源版本号
1+
/* brushtrokes build — 资源版本号
22
*
33
* GitHub Pages 给静态资源发 max-age=14400 的强缓存,且没有文件指纹。
44
* 一旦更新了 core.js / render.js / worker.js,老访客会在最长 4 小时内
@@ -7,4 +7,4 @@
77
* 解决办法:所有脚本引用都带上 ?v=BUILD 查询串,每次发布改 BUILD 值即可
88
* 让浏览器当成全新 URL 去取。这里集中管理,避免各处漏改。
99
*/
10-
window.OIL_BUILD = '20261111-8styles';
10+
window.OIL_BUILD = '20261111-brushtrokes';

‎core.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/* strokeoil core — 分析 + 多风格笔触生成 + 时间轴
1+
/* brushtrokes core — 分析 + 多风格笔触生成 + 时间轴
22
*
33
* analyze() 在降采样工作分辨率上算结构场(分层 / 边缘 / 方向 / 显著性)
44
* STYLES 风格注册表:每种风格 = 一套工序 + 一套专属笔触语言

0 commit comments

Comments
 (0)