堆叠九宫格

{
"id": "true-tear-nine-grid",
"name": "全锯齿撕裂动态九宫格",
"v": "18.0",
"commands": [
{
"method": "fillRect",
"color": "bg",
"rect": [
0,
0,
1,
2.0
]
},
{
"method": "scatterHollowPath",
"args": {
"txt": "空心爱心随机分布",
"d": "M 0.1 0.45 C 0.05 0.4 0.02 0.45 0.1 0.52 C 0.18 0.45 0.15 0.4 0.1 0.45",
"count": [
5,
10
],
"areas": [
[
0.05,
0.5
]
],
"sizeRange": [
0.3,
0.6
],
"colors": [
"sub4",
"sub6",
"sub7",
"sub8"
],
"options": {
"strokeWidth": 2,
"roughness": 1,
"strokeOpacity": 0.7,
"randomAlpha": [
0.8,
1
]
}
}
},
{
"txt": "样式一：随机分布的实心爱心，无描边",
"method": "scatterElements",
"args": {
"type": "path",
"count": [
8,
12
],
"areas": [
[
0.05,
0.85
]
],
"colors": [
"sub1",
"sub2",
"sub3",
"sub5"
],
"sizeRange": [
0.015,
0.035
],
"randomRotate": true,
"options": {
"d": "M 0.5 0.85 C 0.3 0.7 0.1 0.55 0.1 0.35 A 0.2 0.2 0 0 1 0.5 0.2 A 0.2 0.2 0 0 1 0.9 0.35 C 0.9 0.55 0.7 0.7 0.5 0.85 Z",
"fillStyle": "solid",
"randomAlpha": [
0.4,
0.7
],
"stroke": "transparent",
"roughness": 0
}
}
},
{
"method": "path",
"comment": "手绘符号：左侧爱心",
"d": "M 0.1 0.45 C 0.05 0.4, 0.02 0.45, 0.1 0.52 C 0.18 0.45, 0.15 0.4, 0.1 0.45",
"options": {
"stroke": "main",
"strokeOpacity": 0.6,
"strokeWidth": 5,
"fill": "sub2",
"opacity": 0.1
}
},
{
"method": "executeGridMixed",
"gridCount": 9,
"randomColorKeys": [
"main",
"sub1",
"sub2",
"sub3",
"sub5",
"sub7",
"sub8",
"sub10",
"accent"
],
"randomOpacityRange": [
0.6,
0.95
],
"layouts": {
"9": [
[
0.05,
0.40,
0.28,
0
],
[
0.36,
0.40,
0.28,
0
],
[
0.67,
0.40,
0.28,
0
],
[
0.05,
0.56,
0.28,
0
],
[
0.36,
0.56,
0.28,
0
],
[
0.67,
0.56,
0.28,
0
],
[
0.05,
0.72,
0.28,
0
],
[
0.36,
0.72,
0.28,
0
],
[
0.67,
0.72,
0.28,
0
]
]
},
"layers": [
{
"txt": "核心修改：删除了 logic 限制。如果你的解析器里强制要求 isImageSlot 才能运行 artisticClip，请务必在代码里去掉那个限制，否则色块永远是方的。",
"type": "artisticClip",
"mode": "tear",
"jitter": 0.08,
"segments": 32
},
{
"txt": "占位色块：使用 type: 'shape'，但通过 roughness 让它去‘撞’上面的剪裁路径",
"logic": "placeholderOnly",
"useRandom": true,
"useRandomOpacity": true,
"type": "shape",
"shape": "rect",
"options": {
"fillStyle": "solid",
"roughness": 0,
"stroke": "transparent"
}
},
{
"txt": "图片层",
"logic": "imageOnly",
"type": "image",
"shape": "rect"
}
]
},
{
"method": "drawSeal",
"pos": [
0.5,
0.95
]
}
]
}