# Malowany interfejs — 0.28

Dwa oryginalne zasoby przygotowano wbudowanym narzędziem Imagegen. Obrazy źródłowe pozostają w projekcie bez kadrowania i bez modyfikowania ich pikseli. CSS dopasowuje ramy przez dziewięcioczęściowe skalowanie `border-image`, a pierścienie kul przez tło z przezroczystością. Napisy, wartości zasobów, przedmioty i kontrolki pozostają interaktywne.

- [Malowana rama i skóra panelu](assets/ui/panel-skin-v28.png)
- [Przezroczysty pierścień kuli](assets/ui/orb-frame-v28.png)
- Motyw: `ui-v28.css`; poprzedni `ui-v27.css` nie jest już wczytywany.

## Finalny prompt ramy

Use case: stylized-concept. Asset type: production nine-slice GUI panel skin for an original classic fantasy 2D MMORPG, NOT a screenshot or mockup. Create one perfectly front-facing SQUARE 1024x1024 panel that fills the whole image edge to edge. Frame thickness exactly about 96 pixels on all four sides. The central 832x832 area is uninterrupted very dark desaturated midnight blue charcoal leather, matte, subtle fine grain, even brightness, extremely quiet behind readable text. Outer frame: beautifully hand-painted game art, carved aged dark walnut wood, sculpted dark steel reinforcement with restrained antique brass bevels, small forged rivets, intricate but compact corner carvings fully contained within each 96x96 corner. Center of all four edges must be straight, plain and repeatable, with NO central ornaments, no crest, no protrusions. Corners and metal have convincing tactile depth, worn highlights and strong craft, 2000s European fantasy MMO visual quality, clean illustrated rendering consistent with detailed pixel-art worlds, not photorealistic, not flat vector, not generic modern CSS gradients. Palette deep ink #111c25, aged warm brass #b0935e, charcoal #202b30, walnut #433325. Strictly NO text, letters, numbers, runes, characters, scenery, maps, icons, inventory cells, buttons, colored gems, glow, watermark, perspective or external backdrop. All decorative pixels stay inside the border strip. This image will be sliced at 96 pixels using CSS border-image; keep the center homogeneous and the frame perfectly axis-aligned.

## Finalny prompt pierścienia

Use case: stylized-concept. Asset type: one production fantasy MMORPG health-or-mana orb FRAME, a reusable transparent PNG game GUI asset. A single front-facing perfectly circular dark forged iron and antique warm brass ring, beautifully hand painted with carved gothic leaf engravings and restrained walnut-brown backing, polished worn metal highlights, tactile crafted 2000s fantasy MMORPG game interface art. Center the circular ring in a square image. The OUTER circular rim is 88 percent of image width; a perfectly circular central opening is exactly 70 percent of image width and is COMPLETELY TRANSPARENT. The ring band occupies only the area between those circles. At the left and right cardinal points only, add a small symmetric pointed brass fastening tab that brings the full width to 98 percent, no large wings. Compact leaf work engraved inside the band, no protruding scrollwork at top or bottom. Outside the frame and inside the central hole are true alpha transparency, not black, not a checkerboard drawing. The hole must be completely empty, no glass, no liquid, no reflection there. Visual style: professional illustrated game UI with convincing sculpted depth, meticulously painted, crisp legible silhouette at 80px display size, matching dark blue leather, carved walnut and antique brass panels. NO text, numbers, letters, runes, symbols in the opening, gems, colored accents, background, perspective, logo, watermark, drop shadow outside the ring, extra frames, interface mockup or other objects. One original frame only.

## Użycie

Wygenerowana rama ma narożniki większe niż zamierzono w prompcie, dlatego duże panele używają rzeczywistego podziału 17,5%, a małe sloty 7,5%. Wielkość slotu pozostaje 40 × 40 px. Oryginalna przezroczystość pierścienia jest zachowana; animowany płyn powstaje niezależnie w Canvas i wskazuje rzeczywiste HP oraz manę.
Oba zapisane pliki źródłowe mają rozmiar 1254 × 1254 px. Generowanie: wbudowane narzędzie Imagegen; bez ścieżki CLI/API.