Admin/airship-phaser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add explosion sprite sheet

Browse Source
This commit is contained in:
Admin 2026-09-17 20:55:53 +00:00
parent 5b2314644f
commit f2664db7d8
1 changed files with 56 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/assets/explosions.svg Normal file
View File

@ -0,0 +1,56 @@
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="64" viewBox="0 0 384 64" shape-rendering="crispEdges">
<defs>
<radialGradient id="blast" cx="50%" cy="50%" r="55%">
<stop offset="0" stop-color="#fff6b0"/>
<stop offset="0.28" stop-color="#ffd457"/>
<stop offset="0.58" stop-color="#f28b2b"/>
<stop offset="0.82" stop-color="#b23d25"/>
<stop offset="1" stop-color="#4b241f" stop-opacity=".2"/>
</radialGradient>
<radialGradient id="smoke" cx="50%" cy="45%" r="60%">
<stop offset="0" stop-color="#6d635e"/>
<stop offset=".65" stop-color="#3d3a3d"/>
<stop offset="1" stop-color="#20242b" stop-opacity=".1"/>
</radialGradient>
</defs>
<g transform="translate(0 0)">
<circle cx="32" cy="32" r="8" fill="url(#blast)"/>
<path d="M32 15l4 11 12-6-7 12 10 7-13 1-2 12-7-10-11 7 6-12-10-7 13-1z" fill="#ffb52e" opacity=".88"/>
</g>
<g transform="translate(64 0)">
<circle cx="32" cy="32" r="15" fill="url(#blast)"/>
<circle cx="20" cy="31" r="7" fill="#f47a25"/>
<circle cx="45" cy="27" r="8" fill="#ff9a2e"/>
<circle cx="36" cy="45" r="8" fill="#d94f24"/>
</g>
<g transform="translate(128 0)">
<circle cx="32" cy="32" r="22" fill="url(#blast)"/>
<circle cx="16" cy="28" r="8" fill="#f36f25"/>
<circle cx="48" cy="25" r="9" fill="#f7932f"/>
<circle cx="43" cy="46" r="9" fill="#cf4a24"/>
<circle cx="23" cy="47" r="8" fill="#e15c25"/>
</g>
<g transform="translate(192 0)">
<circle cx="32" cy="32" r="19" fill="#b84a27" opacity=".9"/>
<circle cx="19" cy="26" r="10" fill="#ed7029" opacity=".88"/>
<circle cx="45" cy="29" r="11" fill="#d65b25" opacity=".86"/>
<circle cx="35" cy="45" r="10" fill="#7a3427" opacity=".82"/>
<circle cx="31" cy="30" r="7" fill="#ffc948" opacity=".8"/>
</g>
<g transform="translate(256 0)">
<circle cx="25" cy="30" r="13" fill="url(#smoke)" opacity=".92"/>
<circle cx="42" cy="28" r="14" fill="url(#smoke)" opacity=".88"/>
<circle cx="34" cy="43" r="13" fill="url(#smoke)" opacity=".84"/>
<circle cx="22" cy="46" r="8" fill="#272b31" opacity=".7"/>
<circle cx="46" cy="45" r="7" fill="#272b31" opacity=".65"/>
<circle cx="31" cy="29" r="4" fill="#cc5927" opacity=".8"/>
</g>
<g transform="translate(320 0)">
<circle cx="24" cy="31" r="12" fill="url(#smoke)" opacity=".7"/>
<circle cx="41" cy="30" r="13" fill="url(#smoke)" opacity=".68"/>
<circle cx="34" cy="43" r="12" fill="url(#smoke)" opacity=".62"/>
<circle cx="18" cy="42" r="6" fill="#252a31" opacity=".45"/>
<circle cx="48" cy="43" r="6" fill="#252a31" opacity=".42"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB