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

The art refresh: textures, tokens, conjurations, and cel flourishes

Browse Source 
Eric repainted the maze. The first-person materials are painterly
sandstone, flagstone, and iron; the hand-drawn token set is redrawn
with matching chests and hats; the standing conjurations — hedges,
jello, dust, safe, warp light — and the effect billboards are redone
in the same hand; and the board's flourishes trade their filters and
gradients for flat cel silhouettes cut from five shared shapes, which
read better against the counters and cost a phone nothing. Thirty
scene goldens re-blessed against the new walls.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG
This commit is contained in:
Eric Wagoner
2026-09-14 20:28:52 -04:00
co-authored by Claude Fable 5.1
parent 3fc9df85ac
commit 8dfd0e0c29
121 changed files with 533 additions and 980 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/public/tokens-svg/wizard-4.svg
+10 -22
View File
@@ -1,23 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 150" role="img" aria-label="Wizard token">
<defs>
<filter id="rough" x="-8%" y="-8%" width="116%" height="116%"><feTurbulence baseFrequency=".045" numOctaves="2" seed="15" 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="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="13" letter-spacing=".3" fill="#29251e">Wizard</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">
<path d="M42 129l7-43 15-10h22l14 11 5 42Z" fill="#1683a6"/>
<path d="M47 91l-20 18m71-17l19 15" fill="none" stroke="#1683a6" stroke-width="8"/>
<path d="M46 128l-9 5m59-5l12 5" fill="none" stroke="#3d4240" stroke-width="7"/>
<circle cx="73" cy="58" r="15" fill="#b97555"/>
<path d="M57 54q5-18 20-17 13 2 15 18-18-8-35-1Z" fill="#282422"/>
<path d="M58 48q12-9 28 0" fill="none" stroke="#756d55" stroke-width="5"/>
<circle cx="65" cy="49" r="6" fill="#8ed3df"/><circle cx="81" cy="49" r="6" fill="#8ed3df"/>
<circle cx="68" cy="59" r="2"/><circle cx="80" cy="59" r="2"/><path d="M69 69q7 4 13-1" fill="none"/>
<path d="M92 82l19-30" fill="none" stroke="#6e492b" stroke-width="4"/>
<path d="M111 49l4 8 8 1-7 5 2 8-7-4-7 4 2-8-7-5 9-1Z" fill="#b8ecf0"/>
<path d="M52 87h42M58 95l8 5m19-5l-8 5" fill="none" stroke="#0e5b72" stroke-width="3"/></g>
</svg>
<title>Wizard</title><desc>Brown-skinned woman with long dark waves, a blue starry hat, and a crystal ball.</desc>
<defs><linearGradient id="paper" x2="0" y2="1"><stop stop-color="#fbf2d9"/><stop offset="1" stop-color="#e8d6ae"/></linearGradient><radialGradient id="halo"><stop stop-color="#2692b1" stop-opacity=".2"/><stop offset="1" stop-color="#2692b1" stop-opacity=".03"/></radialGradient></defs>
<rect x="2" y="2" width="140" height="146" rx="9" fill="url(#paper)" stroke="#39302a" stroke-width="2.5"/>
<rect x="6" y="6" width="132" height="138" rx="6" fill="none" stroke="#b49b70" stroke-width=".8"/>
<circle cx="72" cy="68" r="52" fill="url(#halo)"/>
<g stroke-linecap="round" stroke-linejoin="round"><ellipse cx="72" cy="119" rx="43" ry="5" fill="#725b3d" stroke="none" stroke-width="0" opacity=".18"/><path d="M17 121Q21 96 49 85L92 85Q120 98 128 121Z" fill="#2692b1" stroke="#302a29" stroke-width="2.0" /><path d="M17 121L42 102 59 121M98 94L87 121H128Z" fill="#20536f" stroke="none" stroke-width="2.0" /><path d="M48 87L71 108 96 87 89 121H56Z" fill="#a0deea" stroke="#302a29" stroke-width="2.0" /><path d="M49 89L71 106 95 89" fill="none" stroke="#d6ad57" stroke-width="3" /><path d="M49 40Q35 49 44 66Q33 76 44 88Q37 105 48 116L66 102 88 110 104 118Q116 100 102 87Q111 74 99 65L98 44Z" fill="#2d2a31" stroke="#302a29" stroke-width="2.0" /><path d="M45 82Q52 90 46 101M98 77Q92 88 101 99M52 102L50 110" fill="none" stroke="#61505a" stroke-width="2" /><path d="M51 49Q55 32 74 31Q94 34 94 53L88 78Q82 91 71 94Q57 90 52 74Z" fill="#a36a4b" stroke="#302a29" stroke-width="2.0" /><path d="M83 43Q98 57 83 79L73 90 83 88 92 75 95 53Z" fill="#774535" stroke="none" stroke-width="2.0" /><path d="M55 54Q62 48 68 53M78 52Q85 49 91 53" fill="none" stroke="#302a29" stroke-width="2.2" /><path d="M56 60Q62 54 68 59Q63 64 56 60ZM79 59Q85 53 91 58Q86 64 79 59Z" fill="#f8edcf" stroke="#302a29" stroke-width="1.2" /><ellipse cx="64" cy="59" rx="1.8" ry="2.6" fill="#302a29" stroke="none" stroke-width="2"/><ellipse cx="85" cy="58" rx="1.8" ry="2.6" fill="#302a29" stroke="none" stroke-width="2"/><path d="M72 58L70 67Q65 72 71 74L78 72" fill="none" stroke="#302a29" stroke-width="1.5" /><path d="M63 80Q73 76 82 79Q73 89 65 84Z" fill="#a75e57" stroke="#302a29" stroke-width="1.3" /><path d="M44 46L61 19 92 10 84 29 97 48Z" fill="#2692b1" stroke="#302a29" stroke-width="2.0" /><path d="M61 19L75 30 84 29 97 48 81 42Z" fill="#20536f" stroke="none" stroke-width="2.0" /><path d="M36 49Q69 36 106 48Q99 56 74 51L39 57Z" fill="#2692b1" stroke="#302a29" stroke-width="2.0" /><path d="M70.0,30.0 71.3,34.7 76.0,36.0 71.3,37.3 70.0,42.0 68.7,37.3 64.0,36.0 68.7,34.7Z" fill="#d6ad57" stroke="none" stroke-width="2.0" /><path d="M83.0,16.0 83.8,19.2 87.0,20.0 83.8,20.8 83.0,24.0 82.2,20.8 79.0,20.0 82.2,19.2Z" fill="#d6ad57" stroke="none" stroke-width="2.0" /><path d="M53 58Q48 72 55 84L52 97 61 91M92 54Q102 67 93 83L98 92" fill="none" stroke="#2d2a31" stroke-width="5" /><circle cx="110" cy="106" r="16" fill="#20536f" stroke="#302a29" stroke-width="2"/><circle cx="107" cy="103" r="11" fill="#a0deea" stroke="none" stroke-width="2"/><path d="M100 101Q105 94 112 100" fill="none" stroke="#f8edcf" stroke-width="3" /><path d="M113.0,103.0 114.1,106.9 118.0,108.0 114.1,109.1 113.0,113.0 111.9,109.1 108.0,108.0 111.9,106.9Z" fill="#f8edcf" stroke="none" stroke-width="2.0" /><g transform="translate(72 117) scale(.58)"><path d="M0.0,-10.0 2.1,-2.1 10.0,-0.0 2.1,2.1 0.0,10.0 -2.1,2.1 -10.0,0.0 -2.1,-2.1Z" fill="#f8edcf" stroke="none" stroke-width="2.0" /></g></g>
<path d="M16 130H128" stroke="#b49b70" stroke-width=".8"/>
<path d="M12 12h7m-7 0v7m120-7h-7m7 0v7" fill="none" stroke="#2692b1" stroke-width="2"/>
<text x="72" y="141" text-anchor="middle" font-family="Georgia,serif" font-size="10.5" font-weight="700" fill="#39302a">Wizard</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB