117 lines
9 KiB
HTML
117 lines
9 KiB
HTML
<defs>
|
|
<!-- Asset Forêt --> <!-- Asset Forêt Dense -->
|
|
<g id="forest-svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="treeTrunkDark" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#5F432A;"/><stop offset="100%" style="stop-color:#4A2E1A;"/></linearGradient>
|
|
<linearGradient id="treeLeavesDark" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#2F855A;"/><stop offset="100%" style="stop-color:#276749;"/></linearGradient>
|
|
</defs>
|
|
<rect x="55" y="65" width="8" height="20" fill="url(#treeTrunkDark)"/>
|
|
<path d="M 59 35 L 85 70 L 33 70 Z" fill="url(#treeLeavesDark)"/>
|
|
<rect x="20" y="70" width="10" height="25" fill="url(#treeTrunkDark)"/>
|
|
<path d="M 25 25 L 60 75 L -10 75 Z" fill="url(#treeLeavesDark)"/>
|
|
<rect x="40" y="75" width="5" height="15" fill="url(#treeTrunkDark)" opacity="0.8"/>
|
|
<path d="M 42.5 50 L 60 80 L 25 80 Z" fill="url(#treeLeavesDark)" opacity="0.8"/>
|
|
</g>
|
|
|
|
<!-- Asset Forêt Enchantée -->
|
|
<g id="enchanted-forest-svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="enchantedTrunk" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#5B21B6;"/><stop offset="100%" style="stop-color:#4C1D95;"/></linearGradient>
|
|
<linearGradient id="enchantedLeaves" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#A78BFA;"/><stop offset="100%" style="stop-color:#7C3AED;"/></linearGradient>
|
|
<radialGradient id="glowEffect"><stop offset="0%" stop-color="#FDE047" stop-opacity="0.8"/><stop offset="100%" stop-color="#FDE047" stop-opacity="0"/></radialGradient>
|
|
</defs>
|
|
<circle cx="25" cy="85" r="10" fill="url(#glowEffect)"/>
|
|
<circle cx="75" cy="80" r="12" fill="url(#glowEffect)"/>
|
|
<rect x="46" y="50" width="8" height="45" fill="url(#enchantedTrunk)"/>
|
|
<path d="M 50 10 C 20 50, 80 50, 50 10 Z" fill="url(#enchantedLeaves)" transform="rotate(-15 50 50)"/>
|
|
<path d="M 50 15 L 85 65 L 15 65 Z" fill="url(#enchantedLeaves)"/>
|
|
</g>
|
|
|
|
<!-- Asset Marais -->
|
|
<g id="swamp-svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="swampWater" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#4A5568;"/><stop offset="100%" style="stop-color:#2D3748;"/></linearGradient>
|
|
<linearGradient id="deadWood" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#718096;"/><stop offset="100%" style="stop-color:#4A5568;"/></linearGradient>
|
|
</defs>
|
|
<path d="M 0 80 Q 50 70, 100 80 L 100 100 L 0 100 Z" fill="url(#swampWater)"/>
|
|
<path d="M 20 90 L 22 40 L 25 90 L 27 50 L 29 90" stroke="url(#deadWood)" stroke-width="2" fill="none"/>
|
|
<path d="M 70 95 L 68 30 L 72 35 L 75 95 L 73 40" stroke="url(#deadWood)" stroke-width="3" fill="none"/>
|
|
</g>
|
|
|
|
<!-- Asset Horde de Loups -->
|
|
<g id="wolf-pack-svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="wolfFurGrey" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#A0AEC0;"/><stop offset="100%" style="stop-color:#718096;"/></linearGradient>
|
|
</defs>
|
|
<!-- Loup 1 (leader) -->
|
|
<path d="M 50 25 L 70 45 L 65 75 L 35 75 L 30 45 Z" fill="url(#wolfFurGrey)"/>
|
|
<path d="M 40 47 L 30 30 L 45 40 Z" fill="#A0AEC0" stroke="#2D3748" stroke-width="1"/>
|
|
<path d="M 60 47 L 70 30 L 55 40 Z" fill="#A0AEC0" stroke="#2D3748" stroke-width="1"/>
|
|
<!-- Loup 2 (gauche) -->
|
|
<path d="M 25 45 L 40 60 L 35 85 L 10 85 L 5 60 Z" fill="url(#wolfFurGrey)" opacity="0.9"/>
|
|
<!-- Loup 3 (droite) -->
|
|
<path d="M 75 45 L 95 60 L 90 85 L 65 85 L 60 60 Z" fill="url(#wolfFurGrey)" opacity="0.9"/>
|
|
</g>
|
|
|
|
<!-- Asset Sanglier -->
|
|
<g id="boar-svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="boarFur" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#4A2E1A;"/><stop offset="100%" style="stop-color:#2D1C0F;"/></linearGradient>
|
|
</defs>
|
|
<path d="M 20 40 C 10 60, 15 85, 30 90 L 70 95 C 95 90, 90 50, 75 40 L 60 20 Z" fill="url(#boarFur)"/>
|
|
<path d="M 70 45 C 75 40, 85 45, 80 55" fill="#2D1C0F"/>
|
|
<path d="M 75 42 L 85 35" stroke="#F7FAFC" stroke-width="4" stroke-linecap="round"/>
|
|
<path d="M 72 43 L 80 38" stroke="#F7FAFC" stroke-width="3" stroke-linecap="round"/>
|
|
<circle cx="65" cy="35" r="3" fill="black"/>
|
|
</g>
|
|
|
|
<!-- Asset Ville -->
|
|
<g id="city-svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="stoneGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#A9A9A9;"/><stop offset="100%" style="stop-color:#696969;"/></linearGradient>
|
|
<linearGradient id="stoneShadowGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#808080;"/><stop offset="100%" style="stop-color:#4A5568;"/></linearGradient>
|
|
</defs>
|
|
<path d="M 10 95 L 15 70 L 85 70 L 90 95 Z" fill="url(#stoneShadowGradient)" stroke="#1A202C" stroke-width="2"/>
|
|
<path d="M 15 70 L 15 65 L 25 65 L 25 70 L 35 70 L 35 65 L 45 65 L 45 70 L 55 70 L 55 65 L 65 65 L 65 70 L 75 70 L 75 65 L 85 65 L 85 70 Z" fill="url(#stoneShadowGradient)" stroke="#1A202C" stroke-width="1.5"/>
|
|
<rect x="20" y="30" width="20" height="40" fill="url(#stoneGradient)" stroke="#1A202C" stroke-width="2"/><rect x="18" y="25" width="24" height="5" fill="url(#stoneGradient)" stroke="#1A202C" stroke-width="2"/>
|
|
<rect x="60" y="30" width="20" height="40" fill="url(#stoneGradient)" stroke="#1A202C" stroke-width="2"/><rect x="58" y="25" width="24" height="5" fill="url(#stoneGradient)" stroke="#1A202C" stroke-width="2"/>
|
|
<rect x="40" y="15" width="20" height="55" fill="url(#stoneGradient)" stroke="#1A202C" stroke-width="2"/>
|
|
<path d="M 38 15 L 38 10 L 43 10 L 43 15 L 48 15 L 48 10 L 53 10 L 53 15 L 58 15 L 58 10 L 63 10 L 63 15 Z" fill="url(#stoneGradient)" stroke="#1A202C" stroke-width="1.5"/>
|
|
</g>
|
|
|
|
<!-- Asset Village -->
|
|
<g id="village-svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="woodGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#A0522D;"/><stop offset="100%" style="stop-color:#8B4513;"/></linearGradient>
|
|
<linearGradient id="thatchGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#D4A373;"/><stop offset="100%" style="stop-color:#A0522D;"/></linearGradient>
|
|
</defs>
|
|
<rect x="20" y="50" width="60" height="45" fill="url(#woodGradient)" stroke="#1A202C" stroke-width="2"/>
|
|
<polygon points="15,50 85,50 50,20" fill="url(#thatchGradient)" stroke="#1A202C" stroke-width="2"/>
|
|
<rect x="65" y="60" width="25" height="35" fill="#8B4513" stroke="#1A202C" stroke-width="1.5"/><polygon points="62,60 93,60 77.5,40" fill="#A0522D" stroke="#1A202C" stroke-width="1.5"/>
|
|
<rect x="45" y="65" width="10" height="10" fill="#2D3748"/>
|
|
</g>
|
|
|
|
|
|
<!-- Asset Joueur (Loup) -->
|
|
<g id="player-svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="wolfFurGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#A0AEC0;" />
|
|
<stop offset="100%" style="stop-color:#718096;" />
|
|
</linearGradient>
|
|
<linearGradient id="wolfShadowGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#4A5568;" />
|
|
<stop offset="100%" style="stop-color:#2D3748;" />
|
|
</linearGradient>
|
|
</defs>
|
|
<path d="M 50 20 L 90 50 L 80 95 L 20 95 L 10 50 Z" fill="url(#wolfFurGradient)" />
|
|
<path d="M 50 20 L 70 55 L 50 65 L 30 55 Z" fill="url(#wolfShadowGradient)" />
|
|
<path d="M 25 52 L 10 30 L 35 40 Z" fill="#A0AEC0" stroke="#2D3748" stroke-width="1.5"/>
|
|
<path d="M 75 52 L 90 30 L 65 40 Z" fill="#A0AEC0" stroke="#2D3748" stroke-width="1.5"/>
|
|
<path d="M 35 55 Q 40 52 45 55 Q 40 58 35 55 Z" fill="#FBBF24" />
|
|
<path d="M 65 55 Q 60 52 55 55 Q 60 58 65 55 Z" fill="#FBBF24" />
|
|
<circle cx="39" cy="55" r="1.5" fill="black" />
|
|
<circle cx="61" cy="55" r="1.5" fill="black" />
|
|
</g>
|
|
|
|
</defs>
|