Webový editor úrovní

Editor picogame scén/úrovní bez instalace, přímo na stránce: naimportuj reálné sprite/tileset PNG, namaluj tilemapu (s flagy solid/coin/goal/hazard na tile), umísti sprity, HUD popisky, zóny a spawn body, a vyexportuj scene.json, který tools/scene_build.py zapeče pro zařízení/simulátor. Smysl: přestat posílat barevné obdélníky — použít skutečné sprity.

picogame Level

Export ▾

Keep the PNGs next to it, then run tools/scene_build.py.

Klikni na Sample (horní lišta) pro načtení kompletní ukázkové úrovně. Editor je tady úzký — dej ⛶ Fullscreen pro plný tří-panelový layout (Esc zavírá). Běží i samostatně na /editor/.

UI je kontextové

Pravý panel se mění podle aktivního nástroje, takže vidíš jen ovládání, které nástroj potřebuje:

Select — klikni na objekt a uprav ho (táhni pro přesun). Bez výběru panel ukáže nastavení úrovně (jméno, pozadí, sledování kamerou) a klikací seznam objektů.
Paint — vyber tileset, spravuj vrstvy tilemapy (bg / fg), vyber tile (tile 0 = guma), edituj barvy (u barevného tilesetu) a přepínej flagy na tile. Táhni po mapě pro malování.
Place — vyber sprite a klikáním ho umisťuj; spravuj jeho animace. Jeden pojmenuj player, nebo víc otaguj jako foes (nástrojem Select).
HUD / Zone / Point — popisek fixovaný ke kameře / spouštěcí obdélník / pojmenovaný bod.

Stavová lišta pod plátnem vždy ukazuje aktuální nástroj a výběr.

Flagy na tile

Flag dává tile význam, který hra čte — nemění jeho vzhled. Loader staví rychlé lookup tabulky, takže se hra ptá na význam místo zadrátovaných čísel tile:

flag	hra to čte jako	typické použití
solid	`view.is_solid(tx, ty)`	zdi / podlaha blokující pohyb
coin	`view.tile_has(tx, ty, "coin")`	sběratelný předmět, hra ho po sebrání odebere
goal	`view.tile_has(tx, ty, "goal")`	východ z úrovně / výherní tile
hazard	`view.tile_has(tx, ty, "hazard")`	láva / bodliny, co zraní hráče

Co flag dělá, rozhoduje hra; editor dlaždice jen označí. Přepínačem „Show flag badges on map” (panel Paint) zapneš barevné rohové odznaky na označených dlaždicích.

Barevné tilesety (Paint → + Colour tileset) udělají 3barevný set pro rychlé placeholdery bez grafiky — každou barvu upravíš pickerem, + add colour přidá další, × odebere.

Zapečení & spuštění

PNG nech vedle staženého scene.json, pak:

python3 tools/scene_build.py my.scene.json        # -> my_scene.py (SCENE = {...})
PGSCENE=my_scene python3 sim/run.py examples/scene_play.py   # náhled v simulátoru
tools/build_mpy.sh                                # volitelně: my_scene.mpy pro zařízení

Načti to ve hře přes picogame_scene.load(pg, my_scene.SCENE, font=...). Reálnou hru postavenou na zapečené scéně najdeš v examples/picogame_platformer_scene.py.