Visual overhaul: theme, illustrations, redesigned screens (0.3.0)

Phase "habillage" of the post-0.1.0 plan. Rendering was reviewed on real
screenshots (new tools/screenshot.gd, `make screenshot`), which also
caught and fixed map markers overlapping and truncated titles.

- Global Godot theme (Atkinson Hyperlegible font, cream/green/gold
  palette, raised buttons, rounded cards, thick keyboard focus).
- Original vector art: forest/marsh backdrops, Plume the owl, stars,
  exercise-type icons, correct/try-again icons, 10 collection items.
- Redesigned world map (markers as cards with icon, title and stars,
  responsive layout), profile screens, mission intro, exercise host,
  rule/feedback panels, reward screen and collection grid.
- Motion helper (pop-in, fade) honouring an animations setting.
- Settings: animations flag; base window 1152x648 with canvas_items.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Denis Defolie
2026-10-11 22:36:43 +02:00
parent ebe2dbe3ed
commit 97a065879c
93 changed files with 2596 additions and 197 deletions
+107
View File
@@ -0,0 +1,107 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080">
<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#9ED8E6"/><stop offset="0.6" stop-color="#D9F2E4"/><stop offset="1" stop-color="#FFF3C4"/></linearGradient><radialGradient id="halo"><stop offset="0" stop-color="#FFF3B0" stop-opacity="0.9"/><stop offset="1" stop-color="#FFF3B0" stop-opacity="0"/></radialGradient></defs>
<rect width="1920" height="1080" fill="url(#sky)"/>
<circle cx="1560" cy="210" r="230" fill="url(#halo)"/>
<circle cx="1560" cy="210" r="84" fill="#FFE08A"/>
<g fill="#FFFFFF" opacity="0.85"><ellipse cx="300" cy="170" rx="110" ry="34"/><ellipse cx="240" cy="182" rx="70" ry="28"/><ellipse cx="370" cy="180" rx="80" ry="28"/></g>
<g fill="#FFFFFF" opacity="0.85"><ellipse cx="820" cy="110" rx="77" ry="24"/><ellipse cx="778" cy="118" rx="49" ry="20"/><ellipse cx="869" cy="117" rx="56" ry="20"/></g>
<g fill="#FFFFFF" opacity="0.85"><ellipse cx="1180" cy="240" rx="94" ry="29"/><ellipse cx="1129" cy="250" rx="60" ry="24"/><ellipse cx="1240" cy="248" rx="68" ry="24"/></g>
<path d="M0 640 C 300 540 520 600 800 560 C 1100 520 1380 600 1920 520 L1920 1080 L0 1080 Z" fill="#A9D8A4"/>
<rect x="35" y="565" width="11" height="34" fill="#6B4A2F"/><circle cx="40" cy="525" r="46" fill="#7DC08B"/><circle cx="13" cy="545" r="34" fill="#7DC08B"/><circle cx="67" cy="545" r="34" fill="#7DC08B"/>
<rect x="127" y="558" width="12" height="36" fill="#6B4A2F"/><circle cx="133" cy="515" r="49" fill="#7DC08B"/><circle cx="104" cy="536" r="36" fill="#7DC08B"/><circle cx="162" cy="536" r="36" fill="#7DC08B"/>
<rect x="240" y="576" width="12" height="37" fill="#6B4A2F"/><circle cx="246" cy="532" r="50" fill="#7DC08B"/><circle cx="217" cy="554" r="37" fill="#7DC08B"/><circle cx="275" cy="554" r="37" fill="#7DC08B"/>
<rect x="348" y="591" width="10" height="31" fill="#6B4A2F"/><circle cx="353" cy="554" r="42" fill="#7DC08B"/><circle cx="328" cy="573" r="31" fill="#7DC08B"/><circle cx="378" cy="573" r="31" fill="#7DC08B"/>
<rect x="457" y="561" width="11" height="34" fill="#6B4A2F"/><circle cx="462" cy="520" r="47" fill="#7DC08B"/><circle cx="435" cy="540" r="34" fill="#7DC08B"/><circle cx="489" cy="540" r="34" fill="#7DC08B"/>
<rect x="591" y="563" width="10" height="31" fill="#6B4A2F"/><circle cx="596" cy="525" r="42" fill="#7DC08B"/><circle cx="571" cy="544" r="31" fill="#7DC08B"/><circle cx="621" cy="544" r="31" fill="#7DC08B"/>
<rect x="680" y="591" width="11" height="34" fill="#6B4A2F"/><circle cx="685" cy="550" r="47" fill="#7DC08B"/><circle cx="658" cy="570" r="34" fill="#7DC08B"/><circle cx="712" cy="570" r="34" fill="#7DC08B"/>
<rect x="788" y="597" width="9" height="29" fill="#6B4A2F"/><circle cx="793" cy="562" r="40" fill="#7DC08B"/><circle cx="770" cy="579" r="29" fill="#7DC08B"/><circle cx="816" cy="579" r="29" fill="#7DC08B"/>
<rect x="908" y="592" width="12" height="38" fill="#6B4A2F"/><circle cx="914" cy="548" r="51" fill="#7DC08B"/><circle cx="884" cy="570" r="38" fill="#7DC08B"/><circle cx="944" cy="570" r="38" fill="#7DC08B"/>
<rect x="1041" y="556" width="12" height="36" fill="#6B4A2F"/><circle cx="1047" cy="513" r="50" fill="#7DC08B"/><circle cx="1018" cy="535" r="36" fill="#7DC08B"/><circle cx="1076" cy="535" r="36" fill="#7DC08B"/>
<rect x="1152" y="587" width="9" height="28" fill="#6B4A2F"/><circle cx="1157" cy="553" r="38" fill="#7DC08B"/><circle cx="1134" cy="570" r="28" fill="#7DC08B"/><circle cx="1180" cy="570" r="28" fill="#7DC08B"/>
<rect x="1238" y="556" width="12" height="36" fill="#6B4A2F"/><circle cx="1244" cy="512" r="49" fill="#7DC08B"/><circle cx="1215" cy="534" r="36" fill="#7DC08B"/><circle cx="1273" cy="534" r="36" fill="#7DC08B"/>
<rect x="1343" y="574" width="11" height="34" fill="#6B4A2F"/><circle cx="1348" cy="533" r="46" fill="#7DC08B"/><circle cx="1321" cy="554" r="34" fill="#7DC08B"/><circle cx="1375" cy="554" r="34" fill="#7DC08B"/>
<rect x="1454" y="595" width="9" height="29" fill="#6B4A2F"/><circle cx="1459" cy="560" r="40" fill="#7DC08B"/><circle cx="1436" cy="577" r="29" fill="#7DC08B"/><circle cx="1482" cy="577" r="29" fill="#7DC08B"/>
<rect x="1590" y="573" width="12" height="36" fill="#6B4A2F"/><circle cx="1596" cy="529" r="49" fill="#7DC08B"/><circle cx="1567" cy="551" r="36" fill="#7DC08B"/><circle cx="1625" cy="551" r="36" fill="#7DC08B"/>
<rect x="1675" y="559" width="12" height="37" fill="#6B4A2F"/><circle cx="1681" cy="515" r="50" fill="#7DC08B"/><circle cx="1652" cy="537" r="37" fill="#7DC08B"/><circle cx="1710" cy="537" r="37" fill="#7DC08B"/>
<rect x="1811" y="600" width="10" height="30" fill="#6B4A2F"/><circle cx="1816" cy="563" r="41" fill="#7DC08B"/><circle cx="1792" cy="581" r="30" fill="#7DC08B"/><circle cx="1840" cy="581" r="30" fill="#7DC08B"/>
<rect x="1907" y="560" width="12" height="36" fill="#6B4A2F"/><circle cx="1913" cy="516" r="49" fill="#7DC08B"/><circle cx="1884" cy="538" r="36" fill="#7DC08B"/><circle cx="1942" cy="538" r="36" fill="#7DC08B"/>
<path d="M0 760 C 380 660 700 740 1000 700 C 1340 650 1620 740 1920 680 L1920 1080 L0 1080 Z" fill="#5FAE6C"/>
<rect x="32" y="692" width="16" height="52" fill="#6B4A2F"/><circle cx="40" cy="631" r="70" fill="#3F9558"/><circle cx="-1" cy="662" r="52" fill="#3F9558"/><circle cx="81" cy="662" r="52" fill="#3F9558"/>
<rect x="161" y="733" width="15" height="46" fill="#6B4A2F"/><circle cx="168" cy="678" r="62" fill="#3F9558"/><circle cx="131" cy="706" r="46" fill="#3F9558"/><circle cx="205" cy="706" r="46" fill="#3F9558"/>
<rect x="358" y="732" width="16" height="51" fill="#6B4A2F"/><circle cx="366" cy="671" r="69" fill="#3F9558"/><circle cx="325" cy="701" r="51" fill="#3F9558"/><circle cx="407" cy="701" r="51" fill="#3F9558"/>
<rect x="524" y="742" width="15" height="48" fill="#6B4A2F"/><circle cx="532" cy="684" r="65" fill="#3F9558"/><circle cx="494" cy="713" r="48" fill="#3F9558"/><circle cx="570" cy="713" r="48" fill="#3F9558"/>
<rect x="695" y="720" width="18" height="57" fill="#6B4A2F"/><circle cx="704" cy="651" r="78" fill="#3F9558"/><circle cx="658" cy="685" r="57" fill="#3F9558"/><circle cx="750" cy="685" r="57" fill="#3F9558"/>
<rect x="866" y="716" width="15" height="47" fill="#6B4A2F"/><circle cx="874" cy="659" r="64" fill="#3F9558"/><circle cx="836" cy="687" r="47" fill="#3F9558"/><circle cx="912" cy="687" r="47" fill="#3F9558"/>
<rect x="1023" y="745" width="14" height="45" fill="#6B4A2F"/><circle cx="1030" cy="690" r="62" fill="#3F9558"/><circle cx="994" cy="718" r="45" fill="#3F9558"/><circle cx="1066" cy="718" r="45" fill="#3F9558"/>
<rect x="1222" y="743" width="15" height="46" fill="#6B4A2F"/><circle cx="1229" cy="687" r="63" fill="#3F9558"/><circle cx="1192" cy="715" r="46" fill="#3F9558"/><circle cx="1266" cy="715" r="46" fill="#3F9558"/>
<rect x="1352" y="729" width="15" height="47" fill="#6B4A2F"/><circle cx="1360" cy="672" r="64" fill="#3F9558"/><circle cx="1322" cy="700" r="47" fill="#3F9558"/><circle cx="1398" cy="700" r="47" fill="#3F9558"/>
<rect x="1549" y="714" width="18" height="56" fill="#6B4A2F"/><circle cx="1558" cy="647" r="77" fill="#3F9558"/><circle cx="1513" cy="681" r="56" fill="#3F9558"/><circle cx="1603" cy="681" r="56" fill="#3F9558"/>
<rect x="1708" y="736" width="16" height="50" fill="#6B4A2F"/><circle cx="1716" cy="677" r="67" fill="#3F9558"/><circle cx="1676" cy="707" r="50" fill="#3F9558"/><circle cx="1756" cy="707" r="50" fill="#3F9558"/>
<rect x="1876" y="734" width="14" height="44" fill="#6B4A2F"/><circle cx="1883" cy="682" r="59" fill="#3F9558"/><circle cx="1848" cy="708" r="44" fill="#3F9558"/><circle cx="1918" cy="708" r="44" fill="#3F9558"/>
<path d="M0 900 C 400 840 800 920 1200 880 C 1500 850 1750 900 1920 870 L1920 1080 L0 1080 Z" fill="#3C8A4F"/>
<rect x="46" y="920" width="29" height="90" fill="#5A3E28"/><circle cx="60" cy="812" r="122" fill="#26704A"/><circle cx="-12" cy="866" r="90" fill="#26704A"/><circle cx="132" cy="866" r="90" fill="#26704A"/>
<rect x="218" y="935" width="24" height="75" fill="#5A3E28"/><circle cx="230" cy="845" r="102" fill="#26704A"/><circle cx="170" cy="890" r="75" fill="#26704A"/><circle cx="290" cy="890" r="75" fill="#26704A"/>
<rect x="1687" y="928" width="26" height="82" fill="#5A3E28"/><circle cx="1700" cy="828" r="112" fill="#26704A"/><circle cx="1634" cy="878" r="82" fill="#26704A"/><circle cx="1766" cy="878" r="82" fill="#26704A"/>
<rect x="1844" y="912" width="31" height="98" fill="#5A3E28"/><circle cx="1860" cy="796" r="133" fill="#26704A"/><circle cx="1782" cy="854" r="98" fill="#26704A"/><circle cx="1938" cy="854" r="98" fill="#26704A"/>
<path d="M0 1000 C 500 960 1000 1010 1920 970 L1920 1080 L0 1080 Z" fill="#2E7D45"/>
<circle cx="241" cy="1025" r="5" fill="#FFB4E6"/>
<circle cx="1550" cy="1003" r="7" fill="#FFD166"/>
<circle cx="863" cy="965" r="8" fill="#FF8FA3"/>
<circle cx="1173" cy="1061" r="6" fill="#FFFFFF"/>
<circle cx="1423" cy="1004" r="8" fill="#FFB4E6"/>
<circle cx="1632" cy="1018" r="4" fill="#FF8FA3"/>
<circle cx="552" cy="1020" r="4" fill="#FF8FA3"/>
<circle cx="1497" cy="1049" r="8" fill="#FFFFFF"/>
<circle cx="1395" cy="1065" r="6" fill="#FFB4E6"/>
<circle cx="1467" cy="1009" r="4" fill="#FFFFFF"/>
<circle cx="945" cy="1005" r="8" fill="#FFD166"/>
<circle cx="239" cy="1023" r="5" fill="#FF8FA3"/>
<circle cx="1573" cy="996" r="5" fill="#FFD166"/>
<circle cx="814" cy="1010" r="4" fill="#FFB4E6"/>
<circle cx="340" cy="1017" r="8" fill="#FFB4E6"/>
<circle cx="569" cy="977" r="8" fill="#FFB4E6"/>
<circle cx="570" cy="1050" r="6" fill="#FFB4E6"/>
<circle cx="1398" cy="1008" r="5" fill="#FFD166"/>
<circle cx="169" cy="982" r="5" fill="#FFD166"/>
<circle cx="1348" cy="989" r="7" fill="#FF8FA3"/>
<circle cx="1702" cy="1035" r="6" fill="#FFD166"/>
<circle cx="577" cy="960" r="7" fill="#FFD166"/>
<circle cx="1094" cy="1007" r="5" fill="#FFFFFF"/>
<circle cx="1414" cy="1069" r="7" fill="#FF8FA3"/>
<circle cx="1842" cy="1059" r="7" fill="#FFB4E6"/>
<circle cx="817" cy="1010" r="7" fill="#FF8FA3"/>
<circle cx="1299" cy="1011" r="5" fill="#FF8FA3"/>
<circle cx="137" cy="986" r="5" fill="#FFB4E6"/>
<circle cx="225" cy="1003" r="4" fill="#FF8FA3"/>
<circle cx="0" cy="1032" r="8" fill="#FFD166"/>
<circle cx="207" cy="1006" r="4" fill="#FF8FA3"/>
<circle cx="1790" cy="986" r="5" fill="#FFB4E6"/>
<circle cx="1299" cy="992" r="8" fill="#FFFFFF"/>
<circle cx="745" cy="1020" r="4" fill="#FF8FA3"/>
<circle cx="1738" cy="1022" r="7" fill="#FFB4E6"/>
<circle cx="990" cy="999" r="5" fill="#FF8FA3"/>
<circle cx="209" cy="1055" r="6" fill="#FFFFFF"/>
<circle cx="980" cy="1066" r="8" fill="#FFD166"/>
<circle cx="47" cy="986" r="5" fill="#FFFFFF"/>
<circle cx="1413" cy="1029" r="8" fill="#FF8FA3"/>
<circle cx="610" cy="1042" r="6" fill="#FF8FA3"/>
<circle cx="1061" cy="1006" r="6" fill="#FFD166"/>
<circle cx="1580" cy="988" r="5" fill="#FFFFFF"/>
<circle cx="1255" cy="1063" r="5" fill="#FFD166"/>
<circle cx="1675" cy="1011" r="5" fill="#FFD166"/>
<circle cx="1060" cy="1023" r="4" fill="#FFFFFF"/>
<circle cx="57" cy="1061" r="7" fill="#FFFFFF"/>
<circle cx="530" cy="984" r="7" fill="#FFFFFF"/>
<circle cx="1655" cy="1052" r="6" fill="#FFFFFF"/>
<circle cx="164" cy="988" r="5" fill="#FF8FA3"/>
<circle cx="962" cy="985" r="5" fill="#FFFFFF"/>
<circle cx="988" cy="1039" r="7" fill="#FF8FA3"/>
<circle cx="1862" cy="1043" r="4" fill="#FFFFFF"/>
<circle cx="1709" cy="1044" r="7" fill="#FF8FA3"/>
<circle cx="1602" cy="1051" r="7" fill="#FFD166"/>
<circle cx="1820" cy="982" r="6" fill="#FFB4E6"/>
<circle cx="177" cy="1062" r="7" fill="#FFB4E6"/>
<circle cx="822" cy="1055" r="5" fill="#FF8FA3"/>
<circle cx="348" cy="976" r="5" fill="#FF8FA3"/>
<circle cx="1209" cy="1019" r="8" fill="#FFD166"/>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

@@ -0,0 +1,43 @@
[remap]
importer="texture"
type="CompressedTexture2D"
uid="uid://bdho8w07lqr4h"
path="res://.godot/imported/forest_backdrop.svg-759c497caa0fa1755bebe33bd64b97e2.ctex"
metadata={
"vram_texture": false
}
[deps]
source_file="res://assets/environments/forest_backdrop.svg"
dest_files=["res://.godot/imported/forest_backdrop.svg-759c497caa0fa1755bebe33bd64b97e2.ctex"]
[params]
compress/mode=0
compress/high_quality=false
compress/lossy_quality=0.7
compress/uastc_level=0
compress/rdo_quality_loss=0.0
compress/hdr_compression=1
compress/normal_map=0
compress/channel_pack=0
mipmaps/generate=false
mipmaps/limit=-1
roughness/mode=0
roughness/src_normal=""
process/channel_remap/red=0
process/channel_remap/green=1
process/channel_remap/blue=2
process/channel_remap/alpha=3
process/fix_alpha_border=true
process/premult_alpha=false
process/normal_map_invert_y=false
process/hdr_as_srgb=false
process/hdr_clamp_exposure=false
process/size_limit=0
detect_3d/compress_to=1
svg/scale=1.0
editor/scale_with_editor_scale=false
editor/convert_colors_with_editor_theme=false
+130
View File
@@ -0,0 +1,130 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" viewBox="0 0 1920 1080">
<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#2E3C73"/><stop offset="0.55" stop-color="#6F7FC2"/><stop offset="1" stop-color="#F6C9A8"/></linearGradient><linearGradient id="water" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#4A7FB5"/><stop offset="1" stop-color="#1F4E79"/></linearGradient><radialGradient id="moonhalo"><stop offset="0" stop-color="#FFF8D6" stop-opacity="0.8"/><stop offset="1" stop-color="#FFF8D6" stop-opacity="0"/></radialGradient></defs>
<rect width="1920" height="1080" fill="url(#sky)"/>
<circle cx="1480" cy="200" r="220" fill="url(#moonhalo)"/>
<circle cx="1480" cy="200" r="78" fill="#FFF8D6"/>
<circle cx="926" cy="286" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="925" cy="260" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="388" cy="94" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="974" cy="322" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1624" cy="95" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="914" cy="155" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="185" cy="275" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1299" cy="21" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="811" cy="231" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1513" cy="315" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="322" cy="319" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1703" cy="270" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="121" cy="18" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1801" cy="123" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="61" cy="398" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="668" cy="225" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1725" cy="100" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="478" cy="327" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1023" cy="2" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="174" cy="234" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="569" cy="208" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1908" cy="42" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="520" cy="161" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1050" cy="147" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="143" cy="288" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="820" cy="55" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="791" cy="34" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1735" cy="350" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="437" cy="107" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="962" cy="192" r="4" fill="#FFFFFF" opacity="0.8"/>
<circle cx="813" cy="214" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1159" cy="322" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1594" cy="345" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="689" cy="44" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="681" cy="7" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1552" cy="60" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="504" cy="361" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="22" cy="30" r="3" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1632" cy="249" r="2" fill="#FFFFFF" opacity="0.8"/>
<circle cx="1396" cy="286" r="2" fill="#FFFFFF" opacity="0.8"/>
<path d="M0 560 C 400 500 900 560 1300 520 C 1600 490 1800 540 1920 520 L1920 1080 L0 1080 Z" fill="#3E6B74"/>
<rect y="600" width="1920" height="480" fill="url(#water)"/>
<path d="M0 640 Q 240 630 480 640 T 960 640 T 1440 640 T 1920 640" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 686 Q 240 676 480 686 T 960 686 T 1440 686 T 1920 686" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 732 Q 240 722 480 732 T 960 732 T 1440 732 T 1920 732" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 778 Q 240 768 480 778 T 960 778 T 1440 778 T 1920 778" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 824 Q 240 814 480 824 T 960 824 T 1440 824 T 1920 824" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 870 Q 240 860 480 870 T 960 870 T 1440 870 T 1920 870" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 916 Q 240 906 480 916 T 960 916 T 1440 916 T 1920 916" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 962 Q 240 952 480 962 T 960 962 T 1440 962 T 1920 962" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 1008 Q 240 998 480 1008 T 960 1008 T 1440 1008 T 1920 1008" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<path d="M0 1054 Q 240 1044 480 1054 T 960 1054 T 1440 1054 T 1920 1054" stroke="#9CC6E8" stroke-width="3" fill="none" opacity="0.35"/>
<ellipse cx="956" cy="960" rx="82" ry="23" fill="#4FA66A"/><ellipse cx="956" cy="956" rx="57" ry="15" fill="#68C081"/>
<ellipse cx="1615" cy="767" rx="96" ry="27" fill="#4FA66A"/><ellipse cx="1615" cy="763" rx="67" ry="17" fill="#68C081"/>
<ellipse cx="278" cy="902" rx="96" ry="27" fill="#4FA66A"/><ellipse cx="278" cy="898" rx="67" ry="17" fill="#68C081"/>
<ellipse cx="40" cy="838" rx="107" ry="30" fill="#4FA66A"/><ellipse cx="40" cy="834" rx="75" ry="19" fill="#68C081"/>
<circle cx="50" cy="824" r="12" fill="#FF9EC4"/><circle cx="50" cy="824" r="5" fill="#FFE08A"/>
<ellipse cx="1852" cy="710" rx="83" ry="23" fill="#4FA66A"/><ellipse cx="1852" cy="706" rx="58" ry="15" fill="#68C081"/>
<circle cx="1862" cy="696" r="12" fill="#FF9EC4"/><circle cx="1862" cy="696" r="5" fill="#FFE08A"/>
<ellipse cx="1789" cy="1008" rx="111" ry="31" fill="#4FA66A"/><ellipse cx="1789" cy="1004" rx="78" ry="20" fill="#68C081"/>
<ellipse cx="126" cy="774" rx="83" ry="23" fill="#4FA66A"/><ellipse cx="126" cy="770" rx="58" ry="15" fill="#68C081"/>
<circle cx="136" cy="760" r="12" fill="#FF9EC4"/><circle cx="136" cy="760" r="5" fill="#FFE08A"/>
<ellipse cx="59" cy="1012" rx="91" ry="25" fill="#4FA66A"/><ellipse cx="59" cy="1008" rx="64" ry="16" fill="#68C081"/>
<ellipse cx="830" cy="737" rx="74" ry="21" fill="#4FA66A"/><ellipse cx="830" cy="733" rx="52" ry="13" fill="#68C081"/>
<circle cx="840" cy="723" r="12" fill="#FF9EC4"/><circle cx="840" cy="723" r="5" fill="#FFE08A"/>
<ellipse cx="1233" cy="1025" rx="85" ry="24" fill="#4FA66A"/><ellipse cx="1233" cy="1021" rx="59" ry="15" fill="#68C081"/>
<circle cx="1243" cy="1011" r="12" fill="#FF9EC4"/><circle cx="1243" cy="1011" r="5" fill="#FFE08A"/>
<ellipse cx="795" cy="890" rx="109" ry="31" fill="#4FA66A"/><ellipse cx="795" cy="886" rx="76" ry="20" fill="#68C081"/>
<circle cx="805" cy="876" r="12" fill="#FF9EC4"/><circle cx="805" cy="876" r="5" fill="#FFE08A"/>
<ellipse cx="1242" cy="947" rx="106" ry="30" fill="#4FA66A"/><ellipse cx="1242" cy="943" rx="74" ry="19" fill="#68C081"/>
<circle cx="1252" cy="933" r="12" fill="#FF9EC4"/><circle cx="1252" cy="933" r="5" fill="#FFE08A"/>
<ellipse cx="830" cy="793" rx="110" ry="31" fill="#4FA66A"/><ellipse cx="830" cy="789" rx="77" ry="20" fill="#68C081"/>
<circle cx="840" cy="779" r="12" fill="#FF9EC4"/><circle cx="840" cy="779" r="5" fill="#FFE08A"/>
<ellipse cx="507" cy="1012" rx="85" ry="24" fill="#4FA66A"/><ellipse cx="507" cy="1008" rx="59" ry="15" fill="#68C081"/>
<path d="M20 1080 C 37 950 60 872 35 820" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="16" cy="820" rx="10" ry="30" fill="#7A5230"/>
<path d="M56 1080 C 82 920 77 825 74 761" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="48" cy="761" rx="10" ry="30" fill="#7A5230"/>
<path d="M92 1080 C 65 916 65 818 78 753" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="83" cy="753" rx="10" ry="30" fill="#7A5230"/>
<path d="M128 1080 C 114 904 118 799 133 729" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="126" cy="729" rx="10" ry="30" fill="#7A5230"/>
<path d="M164 1080 C 186 916 200 818 175 753" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="163" cy="753" rx="10" ry="30" fill="#7A5230"/>
<path d="M200 1080 C 181 904 168 798 188 727" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="197" cy="727" rx="10" ry="30" fill="#7A5230"/>
<path d="M236 1080 C 241 909 274 806 255 738" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="228" cy="738" rx="10" ry="30" fill="#7A5230"/>
<path d="M272 1080 C 255 934 258 847 253 789" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="264" cy="789" rx="10" ry="30" fill="#7A5230"/>
<path d="M308 1080 C 304 936 325 850 303 792" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="299" cy="792" rx="10" ry="30" fill="#7A5230"/>
<path d="M344 1080 C 325 964 340 895 347 849" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="350" cy="849" rx="10" ry="30" fill="#7A5230"/>
<path d="M380 1080 C 358 897 351 787 383 714" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="374" cy="714" rx="10" ry="30" fill="#7A5230"/>
<path d="M416 1080 C 407 912 442 812 433 745" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="410" cy="745" rx="10" ry="30" fill="#7A5230"/>
<path d="M1500 1080 C 1472 894 1462 783 1510 709" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1501" cy="709" rx="10" ry="30" fill="#7A5230"/>
<path d="M1536 1080 C 1508 930 1498 841 1554 781" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1546" cy="781" rx="10" ry="30" fill="#7A5230"/>
<path d="M1572 1080 C 1572 960 1540 889 1571 841" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1572" cy="841" rx="10" ry="30" fill="#7A5230"/>
<path d="M1608 1080 C 1582 953 1577 877 1616 826" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1615" cy="826" rx="10" ry="30" fill="#7A5230"/>
<path d="M1644 1080 C 1661 923 1609 829 1632 766" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1644" cy="766" rx="10" ry="30" fill="#7A5230"/>
<path d="M1680 1080 C 1655 925 1700 832 1664 770" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1683" cy="770" rx="10" ry="30" fill="#7A5230"/>
<path d="M1716 1080 C 1741 966 1739 898 1732 853" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1706" cy="853" rx="10" ry="30" fill="#7A5230"/>
<path d="M1752 1080 C 1764 890 1760 777 1756 701" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1760" cy="701" rx="10" ry="30" fill="#7A5230"/>
<path d="M1788 1080 C 1796 968 1757 902 1773 857" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1780" cy="857" rx="10" ry="30" fill="#7A5230"/>
<path d="M1824 1080 C 1810 956 1837 881 1825 831" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1826" cy="831" rx="10" ry="30" fill="#7A5230"/>
<path d="M1860 1080 C 1859 896 1876 786 1869 712" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1867" cy="712" rx="10" ry="30" fill="#7A5230"/>
<path d="M1896 1080 C 1899 960 1921 887 1877 839" stroke="#2F6B45" stroke-width="9" fill="none" stroke-linecap="round"/><ellipse cx="1895" cy="839" rx="10" ry="30" fill="#7A5230"/>
<circle cx="1231" cy="544" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="45" cy="617" r="5" fill="#FFF28A" opacity="0.85"/>
<circle cx="231" cy="754" r="5" fill="#FFF28A" opacity="0.85"/>
<circle cx="1351" cy="971" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="523" cy="958" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="753" cy="654" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="1388" cy="813" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="1061" cy="586" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="1351" cy="976" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="1020" cy="956" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="669" cy="707" r="5" fill="#FFF28A" opacity="0.85"/>
<circle cx="513" cy="601" r="5" fill="#FFF28A" opacity="0.85"/>
<circle cx="882" cy="911" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="1802" cy="609" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="449" cy="798" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="429" cy="569" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="1016" cy="679" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="1456" cy="532" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="1683" cy="586" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="922" cy="741" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="1895" cy="609" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="783" cy="820" r="5" fill="#FFF28A" opacity="0.85"/>
<circle cx="1011" cy="844" r="4" fill="#FFF28A" opacity="0.85"/>
<circle cx="1466" cy="929" r="5" fill="#FFF28A" opacity="0.85"/>
<circle cx="926" cy="664" r="3" fill="#FFF28A" opacity="0.85"/>
<circle cx="1697" cy="516" r="4" fill="#FFF28A" opacity="0.85"/>
</svg>

After

Width:  |  Height:  |  Size: 13 KiB

@@ -0,0 +1,43 @@
[remap]
importer="texture"
type="CompressedTexture2D"
uid="uid://c3d2gu2fyacvu"
path="res://.godot/imported/marsh_backdrop.svg-c7f73bcacccc54a2e0f9099485e3bbba.ctex"
metadata={
"vram_texture": false
}
[deps]
source_file="res://assets/environments/marsh_backdrop.svg"
dest_files=["res://.godot/imported/marsh_backdrop.svg-c7f73bcacccc54a2e0f9099485e3bbba.ctex"]
[params]
compress/mode=0
compress/high_quality=false
compress/lossy_quality=0.7
compress/uastc_level=0
compress/rdo_quality_loss=0.0
compress/hdr_compression=1
compress/normal_map=0
compress/channel_pack=0
mipmaps/generate=false
mipmaps/limit=-1
roughness/mode=0
roughness/src_normal=""
process/channel_remap/red=0
process/channel_remap/green=1
process/channel_remap/blue=2
process/channel_remap/alpha=3
process/fix_alpha_border=true
process/premult_alpha=false
process/normal_map_invert_y=false
process/hdr_as_srgb=false
process/hdr_clamp_exposure=false
process/size_limit=0
detect_3d/compress_to=1
svg/scale=1.0
editor/scale_with_editor_scale=false
editor/convert_colors_with_editor_theme=false