eric/wizwar6e
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Four token revisions clear the board's last confusions

Browse Source 
The Democratic Monster goes crab-red (two heads, per the card), the
rock warms to brown against the gray stone, and the ooze and slime
split on silhouette — one stands up toothy, the other hangs and drips.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015RCWSTnb1KYTPyL4GmhGnF
This commit is contained in:
Eric Wagoner
2026-08-30 14:52:36 -04:00
co-authored by Claude Fable 5
parent 553754a596
commit 9aac790e71
35 changed files with 517 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/public/tokens-svg/dimensional-warp.svg
+14 -6
View File
@@ -1,10 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Dimensional Warp token">
<defs>
<filter id="w"><feTurbulence baseFrequency=".035" numOctaves="2" seed="4" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale=".65"/></filter>
<filter id="s"><feGaussianBlur stdDeviation="2"/></filter>
<pattern id="paper" width="12" height="12" patternUnits="userSpaceOnUse"><rect width="12" height="12" fill="#f4efd9"/><circle cx="2" cy="4" r=".45" fill="#c8bfa4" opacity=".28"/><path d="M1 10l7-1" stroke="#d8cfb8" stroke-width=".35" opacity=".35"/></pattern>
<filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="35" result="noise"/><feDisplacementMap in="SourceGraphic" in2="noise" scale=".55"/></filter>
<filter id="soft"><feGaussianBlur stdDeviation="1.4"/></filter>
<pattern id="paper" width="18" height="18" patternUnits="userSpaceOnUse"><rect width="18" height="18" fill="#eee5ca"/><circle cx="3" cy="5" r=".45" fill="#b9aa86" opacity=".34"/><circle cx="14" cy="13" r=".3" fill="#75694f" opacity=".2"/><path d="M1 15q7-2 14 0M6 1l9 2" fill="none" stroke="#b9aa86" stroke-width=".35" opacity=".3"/></pattern>
</defs>
<rect x="2" y="2" width="140" height="146" rx="3" fill="url(#paper)" stroke="#242822" stroke-width="2"/>
<text x="72" y="19" text-anchor="middle" font-family="Trebuchet MS,Arial,sans-serif" font-weight="700" font-size="14" fill="#20251f">Dimensional Warp</text>
<g filter="url(#w)" stroke="#252923" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="72" cy="80" rx="47" ry="22" fill="#5c369b"/><ellipse cx="72" cy="80" rx="34" ry="14" fill="#e4bdff"/><ellipse cx="72" cy="80" rx="20" ry="7" fill="#252036"/><path d="M22 52q13-14 26-17m72 18q-13-14-27-17M22 108q13 14 27 17m71-17q-13 14-27 17" fill="none" stroke="#7849b1"/></g>
<rect x="2" y="2" width="140" height="146" rx="4" fill="url(#paper)" stroke="#29251e" stroke-width="2.4"/>
<path d="M8 25q30 2 61 0t67 0" fill="none" stroke="#b9aa86" stroke-width="1" opacity=".65"/>
<text x="72" y="18" text-anchor="middle" font-family="Georgia,serif" font-weight="700" font-size="11.5" letter-spacing=".3" fill="#29251e">Dimensional Warp</text>
<ellipse cx="72" cy="131" rx="42" ry="6" fill="#342f26" opacity=".22" filter="url(#soft)"/>
<g filter="url(#rough)" stroke="#29251e" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round">
<ellipse cx="72" cy="79" rx="45" ry="43" fill="#3f3158"/>
<ellipse cx="72" cy="79" rx="35" ry="34" fill="#6c3eae"/>
<ellipse cx="72" cy="79" rx="23" ry="24" fill="#b196df"/>
<ellipse cx="72" cy="79" rx="10" ry="12" fill="#28223b"/>
<path d="M72 30v17m0 64v18M22 79h18m64 0h18M37 44l13 13m44 44l13 13m0-70L94 57m-44 44-13 13" fill="none" stroke="#8a5ed0" stroke-width="5"/>
<path d="M72 62l5 10 11 2-8 7 2 11-10-6-10 6 2-11-8-7 11-2Z" fill="#eee5ff" stroke-width="1.5"/></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB