heronfief/cards-gen
3
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Releases Activity

WIP: begin using drawsvg

Browse Source
This commit is contained in:
legonzaur
2024-06-30 19:42:38 +02:00
parent 790ae32081
commit 96eb2f6c4a
8 changed files with 428 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files
output/heron/001.svg
+35 -2
View File
@@ -1,2 +1,35 @@
<?xml version="1.0" encoding="utf-8" ?>
<svg baseProfile="tiny" height="417px" version="1.2" width="298px" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="grad1" x1="0" x2="1" y1="0" y2="0"><stop offset="0" stop-color="yellow" stop-opacity="1" /><stop offset="1" stop-color="yellow" stop-opacity="0" /></linearGradient><linearGradient id="grad2" x1="0" x2="0" y1="1" y2="0"><stop offset="0" stop-color="#ff9935" stop-opacity="1" /><stop offset="1" stop-color="#ffe744" stop-opacity="1" /></linearGradient></defs><rect fill="black" height="417px" rx="15" ry="18" width="298px" x="0" y="0" /><rect fill="rgb(206, 182, 167)" height="388px" rx="0" ry="0" width="274px" x="12" y="12" /><text fill="black" font-family="Helvetica" font-size="16px" font-weight="bold" text-anchor="middle" x="149.0" y="36">Arkus, Imperial Dragon</text><text fill="black" font-family="Helvetica" font-size="13px" text-anchor="middle" x="149.0" y="53">Champion</text><circle cx="36" cy="37" fill="black" r="20" /><circle cx="35" cy="36" fill="url(#grad2)" r="20" /><circle cx="262" cy="38" fill="rgb(202, 129, 25)" r="21" /><circle cx="260" cy="36" fill="yellow" r="20" /><text fill="black" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="260" y="43">8</text><rect fill="black" height="200px" width="298px" x="0" y="65" /><image height="200" width="298" x="0" xlink:href="../../img/missing.png" y="65" /><rect fill="url(#grad1)" height="135px" width="30px" x="12" y="265" /><circle cx="48" cy="301" fill="#111" r="15" /><circle cx="47" cy="300" fill="#555" r="15" /><circle cx="129.0" cy="302" fill="red" r="22" /><text fill="white" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="129.0" y="311">5</text><text fill="black" font-family="Helvetica" font-size="14px" text-anchor="middle" x="149.0" y="337">Piochez une carte.</text><text fill="black" font-family="Helvetica" font-size="14px" text-anchor="middle" x="149.0" y="337" /><line stroke="black" stroke-width="1" x1="20" x2="278" y1="345" y2="345" /><circle cx="48" cy="371" fill="black" r="15" /><circle cx="47" cy="370" fill="url(#grad2)" r="15" /><circle cx="149.0" cy="372" fill="green" r="22" /><text fill="white" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="149.0" y="381">6</text><text fill="black" font-family="Helvetica" font-size="14px" text-anchor="middle" x="149.0" y="375" /><polygon fill="black" points="271.0,415.0 244.3704,395.6525 254.542,364.3475 287.458,364.3475 297.6296,395.6525" stroke="lightgrey" stroke-width="1" /><rect fill="lightgrey" height="17" width="49" x="246" y="345" /><rect fill="#111" height="15" width="47" x="247" y="346" /><text fill="white" font-family="Helvetica" font-size="12px" font-weight="bold" text-anchor="middle" x="271" y="358">Garde</text><text fill="white" font-family="Helvetica" font-size="28px" font-weight="bold" text-anchor="middle" x="271" y="397">6</text></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="298" height="417" viewBox="0 0 298 417">
<defs>
<filter id="drop-shadow">
<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
</filter>
<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
<stop offset="0" stop-color="yellow" stop-opacity="1" />
<stop offset="1" stop-color="yellow" stop-opacity="0" />
</linearGradient>
<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
</linearGradient>
<g id="faction_icon">
<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
</g>
<circle cx="0" cy="0" r="20" id="d0" />
<g id="d1">
<use xlink:href="#d0" x="0" y="0" fill="yellow" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">8</text>
</g>
</defs>
<use xlink:href="#drop-shadow" />
<use xlink:href="#grad1" />
<use xlink:href="#grad2" />
<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" />
<rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Arkus, Imperial Dragon</text>
<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
<use xlink:href="#faction_icon" x="36" y="37" />
<use xlink:href="#d1" x="260" y="36" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

output/heron/010.svg
+35 -2
View File
@@ -1,2 +1,35 @@
<?xml version="1.0" encoding="utf-8" ?>
<svg baseProfile="tiny" height="417px" version="1.2" width="298px" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="grad1" x1="0" x2="1" y1="0" y2="0"><stop offset="0" stop-color="yellow" stop-opacity="1" /><stop offset="1" stop-color="yellow" stop-opacity="0" /></linearGradient><linearGradient id="grad2" x1="0" x2="0" y1="1" y2="0"><stop offset="0" stop-color="#ff9935" stop-opacity="1" /><stop offset="1" stop-color="#ffe744" stop-opacity="1" /></linearGradient></defs><rect fill="black" height="417px" rx="15" ry="18" width="298px" x="0" y="0" /><rect fill="rgb(206, 182, 167)" height="388px" rx="0" ry="0" width="274px" x="12" y="12" /><text fill="black" font-family="Helvetica" font-size="19px" font-weight="bold" text-anchor="middle" x="149.0" y="36">Rallier les Troupes</text><text fill="black" font-family="Helvetica" font-size="13px" text-anchor="middle" x="149.0" y="53">Action, Charme</text><circle cx="36" cy="37" fill="black" r="20" /><circle cx="35" cy="36" fill="url(#grad2)" r="20" /><circle cx="262" cy="38" fill="rgb(202, 129, 25)" r="21" /><circle cx="260" cy="36" fill="yellow" r="20" /><text fill="black" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="260" y="43">4</text><rect fill="black" height="200px" width="298px" x="0" y="65" /><image height="200" width="298" x="0" xlink:href="../../img/skins/heron/010.png" y="65" /><rect fill="url(#grad1)" height="135px" width="30px" x="12" y="265" /><circle cx="129.0" cy="302" fill="green" r="22" /><text fill="white" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="129.0" y="311">5</text><circle cx="189.0" cy="302" fill="red" r="22" /><text fill="white" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="189.0" y="311">5</text><text fill="black" font-family="Helvetica" font-size="14px" text-anchor="middle" x="149.0" y="337" /><text fill="black" font-family="Helvetica" font-size="14px" text-anchor="middle" x="149.0" y="337" /><line stroke="black" stroke-width="1" x1="20" x2="278" y1="345" y2="345" /><circle cx="48" cy="371" fill="black" r="15" /><circle cx="47" cy="370" fill="url(#grad2)" r="15" /><text fill="black" font-family="Helvetica" font-size="14px" text-anchor="middle" x="149.0" y="375">Mobilisez un champion.</text></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="298" height="417" viewBox="0 0 298 417">
<defs>
<filter id="drop-shadow">
<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
</filter>
<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
<stop offset="0" stop-color="yellow" stop-opacity="1" />
<stop offset="1" stop-color="yellow" stop-opacity="0" />
</linearGradient>
<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
</linearGradient>
<g id="faction_icon">
<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
</g>
<circle cx="0" cy="0" r="20" id="d0" />
<g id="d1">
<use xlink:href="#d0" x="0" y="0" fill="yellow" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
</g>
</defs>
<use xlink:href="#drop-shadow" />
<use xlink:href="#grad1" />
<use xlink:href="#grad2" />
<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" />
<rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Rallier les Troupes</text>
<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Charme</text>
<use xlink:href="#faction_icon" x="36" y="37" />
<use xlink:href="#d1" x="260" y="36" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

output/heron/013.svg
+35 -2
View File
@@ -1,2 +1,35 @@
<?xml version="1.0" encoding="utf-8" ?>
<svg baseProfile="tiny" height="417px" version="1.2" width="298px" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="grad1" x1="0" x2="1" y1="0" y2="0"><stop offset="0" stop-color="yellow" stop-opacity="1" /><stop offset="1" stop-color="yellow" stop-opacity="0" /></linearGradient><linearGradient id="grad2" x1="0" x2="0" y1="1" y2="0"><stop offset="0" stop-color="#ff9935" stop-opacity="1" /><stop offset="1" stop-color="#ffe744" stop-opacity="1" /></linearGradient></defs><rect fill="black" height="417px" rx="15" ry="18" width="298px" x="0" y="0" /><rect fill="rgb(206, 182, 167)" height="388px" rx="0" ry="0" width="274px" x="12" y="12" /><text fill="black" font-family="Helvetica" font-size="19px" font-weight="bold" text-anchor="middle" x="149.0" y="36">Caprisun</text><text fill="black" font-family="Helvetica" font-size="13px" text-anchor="middle" x="149.0" y="53">Action, 20cl</text><circle cx="36" cy="37" fill="black" r="20" /><circle cx="35" cy="36" fill="url(#grad2)" r="20" /><circle cx="262" cy="38" fill="rgb(202, 129, 25)" r="21" /><circle cx="260" cy="36" fill="yellow" r="20" /><text fill="black" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="260" y="43">1</text><rect fill="black" height="200px" width="298px" x="0" y="65" /><image height="200" width="298" x="0" xlink:href="lancersiz3.png" y="65" /><rect fill="url(#grad1)" height="135px" width="30px" x="12" y="265" /><circle cx="149.0" cy="302" fill="yellow" r="22" /><text fill="black" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="149.0" y="311">2</text><text fill="black" font-family="Helvetica" font-size="14px" text-anchor="middle" x="149.0" y="337" /><line stroke="black" stroke-width="1" x1="20" x2="278" y1="345" y2="345" /><circle cx="48" cy="371" fill="black" r="15" /><circle cx="47" cy="370" fill="url(#grad2)" r="15" /><circle cx="149.0" cy="372" fill="green" r="22" /><text fill="white" font-family="Helvetica" font-size="24px" font-weight="bold" text-anchor="middle" x="149.0" y="381">6</text><text fill="black" font-family="Helvetica" font-size="14px" text-anchor="middle" x="149.0" y="375" /></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="298" height="417" viewBox="0 0 298 417">
<defs>
<filter id="drop-shadow">
<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
</filter>
<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
<stop offset="0" stop-color="yellow" stop-opacity="1" />
<stop offset="1" stop-color="yellow" stop-opacity="0" />
</linearGradient>
<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
</linearGradient>
<g id="faction_icon">
<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
</g>
<circle cx="0" cy="0" r="20" id="d0" />
<g id="d1">
<use xlink:href="#d0" x="0" y="0" fill="yellow" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">1</text>
</g>
</defs>
<use xlink:href="#drop-shadow" />
<use xlink:href="#grad1" />
<use xlink:href="#grad2" />
<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" />
<rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Caprisun</text>
<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, 20cl</text>
<use xlink:href="#faction_icon" x="36" y="37" />
<use xlink:href="#d1" x="260" y="36" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB