Spaces:
Running
Running
| # **Stylová dokumentace a šablony Star Dust Voyager** | |
| ## **Terminály a CRT obrazovky** | |
| * **Styl rozhraní**: CRT-heavy retro-futuristický design s analogovým vzhledem (opalovaný plast, kov). | |
| * **Rozlišení**: Pevné násobky pixelů (např. 320times200, 640times480). | |
| * **Pixelart rastr**: Viditelné pixely, ostré hrany bez antialiasingu. | |
| * **Barvy**: Omezená paleta (monochromatická nebo několik základních barev \- např. zelená, jantarová, červená). Používají se barevné režimy zelený fosfor, jantarový žlutý, sytě červený. | |
| * **Scanlines**: Vrstva jemných horizontálních pruhů mezi řádky pixelů. Intenzita 50-70% (simulace rasteru CRT). | |
| * **Záře (Glow)**: Slabá záření u jasných prvků (text, LED). Implementována jako rozostřený poloprůhledný obrys (kuželoidní bloom). | |
| * **Kovový rámeček**: Terminály mají robustní rám z INDUSTRIAL\_METAL s opotřebovaným lakem. Tlumené odstíny, s drobnými oděrkami a korozí v rozích. | |
| * **Obsah obrazovky**: Terminály zobrazují blokový text, jednoduchou vektorovou grafiku nebo statické obrázky (schémata). Animace omezena na 15-20 FPS pro retro dojem. | |
| * **Zvuk a animace**: Interakce způsobuje krátké zablikání obrazem (flicker) a pulzování kontrolek. Simulovat analogové chvění jasu. | |
| * **Ghosting**: Při rychlém přepínání ponechat slabý „závoj" předchozího obrazu (simulace luminiscence). | |
| * **Tearing efekt**: Náhodné horizontální posuny pixelů (drobný obrys, rušení) při přetížení. | |
| * **Šum**: Přes obrazovku přidat jemný pixelový šum (grain) s nízkou neprůhledností. | |
| * **Zakřivení**: Lehká barelová deformace (barrel distortion) simulující zakřivený tvar obrazovky CRT. | |
| **Příklad** | |
| TerminalPanel { \[cite: 21\] | |
| resolution: (320, 200\) \[cite: 22\] | |
| palette: "green\_phosphor" \[cite: 23\] | |
| scanlineIntensity: 0.6 \[cite: 24\] | |
| glowRadius: 1.0 \[cite: 25\] | |
| frameMaterial: "INDUSTRIAL\_METAL" \[cite: 26\] | |
| cornerRadius: 4 \[cite: 27\] | |
| content: \[ \[cite: 28\] | |
| TextBox(font="RetroConsole8", color="green\_phosphor", text="SYSTEM READY"), \[cite: 29, 30\] | |
| IndicatorLight(color="amber", state="on") \[cite: 31\] | |
| \] | |
| } | |
| ## **Přepínače a ovládací prvky** | |
| * **Vzhled**: Mechanické spínače a tlačítka s výraznými 3D detaily \- kovové knoflíky, opotřebovaný plast, nýtové spoje. | |
| * **Stavy**: Každý prvek má stavy Normal, Hover, Active (pressed), Disabled, Alert. Pro každý stav definovat změnu jasu, barvy nebo stínu. | |
| * **Hover**: Při najetí kurzorem zvýšit mírně jas a přidat jemný glow (zdůraznění aktivního prvku). | |
| * **Active**: Při stisku se objekt posune o pár pixelů, jeho barva ztmavne, zvýrazní se vnitřní stín (efekt zatlačení). | |
| * **Disabled/Alert**: Neaktivní stav šedý nebo ztlumený. Alarmový stav má blikavé červené světlo, případně invertované barvy. | |
| * **Zvuk**: Mechanické cvaknutí při potvrzení, žádné digitální pípy. Použít originální kovové kliky. | |
| * **Sprite Textury**: Používat spritesheety s vícestavovými obrázky (např. off/on), aby bylo snadné přepínat stav. | |
| * **Mřížka**: Komponenty umisťovat do pixel-perfect mřížky (např. krok 16px). | |
| * **Feedback**: Na kliknutí krátké bliknutí nebo puls animace (ripple) kolem tlačítka. | |
| **Příklad** | |
| ToggleSwitch { \[cite: 46\] | |
| size: (48, 16\) \[cite: 47\] | |
| offStateTexture: "switch\_off.png" \[cite: 48\] | |
| onStateTexture: "switch\_on.png" \[cite: 49\] | |
| onHover: enableGlow(intensity=0.2) \[cite: 50\] | |
| onClick: playSound("click\_metal.wav") \[cite: 51\] | |
| } | |
| ## **HUD a mapy** | |
| * **HUD panely**: Průhledné nebo kovové rámečky, integrované analogové ukazatele a LED pruhy. Indikátory jako segmentové displeje a ručičky. | |
| * **Fonty**: Monospace pixelové fonty (8times8 nebo 8times16). Barva kontrastní (typicky neonově zelená, žlutá nebo červená na tmavém pozadí). | |
| * **Minimap / Galaktická mapa**: Pozadí tmavé (black), hvězdné pole animované s mírným pohybem (parallax). Body zájmu (planety, hvězdy) neonově zvýrazněné. | |
| * **Ikonografie**: Jednoduché ikonky (8times8 nebo 16times16) pro objekty, barevné podle typu. Malé animace (blikání, pulsování) pro pozornost. | |
| * **Grid pro HUD**: Používat hrubou mřížku 32px pro hlavní elementy a jemnou 8px pro umisťování textů/ikon. | |
| * **Interaktivní prvky**: Kliknutí/hover na ikonky zobrazí tooltipy s efektem zeleného obrysu. Hranice kolmo na mřížku. | |
| * **Navigace**: Horní nebo dolní ovládací prvky pro zoom a posun (LED tlačítka, kolečka). | |
| * **Indikátory**: Digitální čítače (pixel-art) a analogové metry pro stavy. Např. tahomer, radarové lokátory. | |
| **Příklad** | |
| HUD\_GalaxyMap { \[cite: 64\] | |
| size: (800, 600\) \[cite: 65\] | |
| background: Texture("starfield\_static.png") \[cite: 66\] | |
| waypoints: \[ \[cite: 68\] | |
| {id: "Sol", pos: (150,120), icon:"icon\_star.png", tooltip: "Sol System"}, \[cite: 69, 70\] | |
| {id: "Alpha", pos: (500,400), icon: "icon\_planet.png", tooltip: "Alpha Centauri"} \[cite: 71, 72\] | |
| \] | |
| font: "PixelFont8x8" \[cite: 73\] | |
| colorMode: "neon\_green\_on\_black" \[cite: 74\] | |
| } | |
| ## **Hierarchie vrstev a grid systém** | |
| * **Vrstvy UI**: Rozdělit prvky do úrovní (background, UI, overlay, efekty). Vrstvy určeny podle z-indexu (pozadí \= 0, UI \= 1-2, efekty \= 4-5, varování \= 6). | |
| * **Grid systém**: Hlavní mřížka 32px (moduly, panely), sekundární 8px (text, ikony). Vše pixel-perfect \- přesné násobky pixelů. | |
| * **Rozlišení**: Navržené pro pevný poměr stran (např. 4:3 nebo 16:9). Při škálování vždy dělat celočíselnou změnu (beze ztráty ostrých hran). | |
| * **Zarovnání textu**: Všechny texty na 8px baselinu. Řádky textu přesně 8px od sebe. | |
| * **Focus a modální stavy**: Aktivní okno/komponenta je zvýrazněna. Ostatní prvky lze „zasvětlit" (snížit opacity) pro dohled. | |
| * **Responsivita**: Přizpůsobení na nižší rozlišení: skrýt méně důležité panely, zmenšit písmo, zachovat velikost v krocích po pixelech. | |
| **Příklad** | |
| UILayout { \[cite: 86\] | |
| gridMajor: 32 \[cite: 87\] | |
| gridMinor: 8 \[cite: 88\] | |
| layers: \[ \[cite: 89\] | |
| {name: "background", zIndex: 0}, \[cite: 90\] | |
| {name: "ui", zIndex: 1}, \[cite: 91\] | |
| {name: "overlay", zIndex: 4}, \[cite: 92\] | |
| {name: "alerts", zIndex: 6} \[cite: 93\] | |
| \] | |
| anchors: \["top-left", "center", "bottom-right"\] \[cite: 95\] | |
| align: "pixel-perfect" \[cite: 96\] | |
| } | |
| ## **Barevné režimy a fonty** | |
| * **Paleta**: Omezené palety připomínající CRT. Obvykle 1-4 barvy na element. Typické barvy: neonově zelená, smaragdově modrá, oranžový jantar. | |
| * **Kontrast**: Vysoký kontrast text/pozadí (text\~80-90% jasu, pozadí \~10-20%). Umožňuje čitelnost i při nízkém rozlišení/skenování. | |
| * **Fonty**: Ručně malované pixelové fonty s artefakty (drobná nepravidelnost v liních). Žádné vyhlazování. Např. PixelFont8x8, RetroConsole. | |
| * **Fallback znaky**: Pro neznámé znaky použít vyplněný blok (blacksquare) nebo prázdný modul. Zajistit čitelné symboly. | |
| * **Inverze**: Pro varování/informace přepínat na inverzní zobrazení (bílé texty na černém pozadí nebo červené na černé). | |
| * **Materiál textu**: Indikátory (LED, indikátory) využívají vlastní úroveň jasu a barvy (červená, oranžová, neon zelená) oddělené od main palety. | |
| **Příklad** | |
| StyleSheet { \[cite: 108\] | |
| colorScheme: { \[cite: 109\] | |
| primary: "\#00FF00", // neon green \[cite: 111\] | |
| secondary: "\#002244", // deep blue \[cite: 112\] | |
| alert: "\#FF4444" \[cite: 113\] | |
| } | |
| font: { \[cite: 114\] | |
| name: "PixelFont8x8", \[cite: 117\] | |
| size: 8, \[cite: 118\] | |
| spacing: 2 \[cite: 119\] | |
| } | |
| terminalEffect: "scanline\_overlay" \[cite: 120\] | |
| } | |
| ## **Terminálové efekty (Scanlines, Glow, Glitch)** | |
| * **Scanlines**: Přidat horizontální 1px pruhy mezi řádky. Intenzita \~0.5 (50% opacity). | |
| * **Bloom/Glow**: Jasné objekty (text, LED) rozmazat do okolí (malý radius). Např. jasný pixel nabobtná na \-2px rozostřenou záři. | |
| * **Deformace CRT**: Mírná barelová deformace obrazu (zakřivení rohů) simulující realitu. | |
| * **Glitch**: Občasné náhodné posuny (offset) některých řádků o pár pixelů. Barevné poruchy (RGB oddělení) pro dramatický efekt. | |
| * **Šum**: Krátkodobý statický šum \- celý obraz lehce „zavibruje" bíločerným šumem. | |
| * **Pořadí aplikace**: Shader efekty aplikovat v pořadí: základní obraz → scanlines → bloom → glitch. | |
| **Příklad** | |
| Effect ApplyCRTFilters { \[cite: 129\] | |
| enableScanlines(opacity=0.6) \[cite: 130\] | |
| enableBloom(threshold=0.7, radius=1.0) \[cite: 131\] | |
| if (state \== ERROR) { \[cite: 132\] | |
| applyGlitch(offsetX=3, duration=0.2) \[cite: 133\] | |
| applyColorDrift(rShift=+5, gShift=-5) \[cite: 134\] | |
| } | |
| } | |
| ## **Interaktivní stavy a responsivita** | |
| * **Stavy UI**: Definovat stavy Normal, Hover, Active, Disabled, Alert. Pro každý stav specifikovat vizuální změny (jas, barva, posun). | |
| * **Animace**: Přechody \-0.1s (ease-in-out). Např. lehké vyjasnění při hover. | |
| * **Zpětná vazba**: Akce (click, select) generuje krátký pulz (zvýšení jasu/změna barvy) nebo zvukový efekt. | |
| * **Klávesové zkratky**: Podtrhnout odpovídající písmeno (např. Enter) a detekovat Alt+\[Key\]. | |
| * **Responzivní layout**: Při změně rozlišení měnit velikost prvků po celých pixelech. Na menších rozlišeních skrýt pomocné prvky. | |
| * **Zdůraznění**: Vybraný prvek orámovat neonovou barvou (např. zelenou). Zvýraznění může pulsovat. | |
| **Příklad** | |
| Button { \[cite: 146\] | |
| normal: {bg: "\#333333", text: "\#00FF00"} \[cite: 147\] | |
| hover: {bg:"\#444444", glow:0.2} \[cite: 148, 149\] | |
| active: {offsetY: 2px, shadow: 0.5px, text:"\#99FF99"} \[cite: 150, 151\] | |
| onHover: animate(duration=0.1s) \[cite: 152\] | |
| onClick: playSound("button\_press.wav") \[cite: 153\] | |
| } | |
| ## **Příklady layoutů** | |
| ### **Výzkumná konzole** | |
| * **Rozvržení**: Levý panel \- textové logy, střední panel \- 3D holografická mapa, pravý panel \- datové statistiky. Vše zarovnáno do 32px mřížky. | |
| * **Komponenty**: Terminálové obrazovky s textem, analogové ručičkové měřiče a LED indikátory. Barvy \- zelené a modré akcenty. | |
| * **Interakce**: Levý panel scrolluje logy, na mapě lze přemisťovat kameru (otáčet), pravý panel filtruje data. | |
| Layout ResearchConsole { \[cite: 161\] | |
| panels: \[ \[cite: 163\] | |
| {name: "log\_panel", size: (200x400), position: (0,0)}, \[cite: 165\] | |
| {name:"3d\_display", size: (400x400), position: (200,0)}, \[cite: 166\] | |
| {name:"stats\_panel", size: (200x400), position: (600,0)} \[cite: 167\] | |
| \] | |
| grid: 32 \[cite: 168\] | |
| font: "PixelFont8x8" \[cite: 169\] | |
| colorMode: "monochrome\_green" \[cite: 170\] | |
| } | |
| ### **Mapa galaxie** | |
| * **Rozvržení**: Celá obrazovka pokryta hvězdným polem. Ikony planet a hvězd jsou barevné a blikají. | |
| * **Navigace**: Šipky nebo kolečko pro zoom vlevo/pravý. Ikony pro posun vlevo/vpravo/horní/dolní. | |
| * **Grafika**: Spojnice mezi hvězdami neonově zelené, hvězdy pulsují. Pozadí statické se slabým pohybem (parallax). | |
| Layout GalaxyMap { \[cite: 175\] | |
| background: StarField(texture="stars\_noise.png", parallax=0.6) \[cite: 176\] | |
| waypoints: \["Sol", "Alpha", "Vega"\] \[cite: 179\] | |
| icons: {star: "star\_icon.png", planet: "planet\_icon.png"} \[cite: 180\] | |
| zoomControls: {position:"bottom-right", size: 48} \[cite: 180\] | |
| textFont: "PixelFont8x8" \[cite: 180\] | |
| highlightColor: "neon\_green" \[cite: 181\] | |
| } | |
| ### **Inventář** | |
| * **Rozvržení**: Mřížka 5x4 slotů na předměty na tmavém kovovém pozadí, dolní panel s detailem položky. | |
| * **Sloty**: Každý slot hranatý, rámeček kovový. Vybraný slot má zářivě zelený rámeček a lehce pulzuje. | |
| * **Ikony**: Pixelové ikony položek se stínem. Konstantní velikost (např. 48x48 px). | |
| * **Text**: Vedle vybraného slotu se zobrazí název a popis pixelfontem. | |
| Layout Inventory { \[cite: 187\] | |
| grid: {columns: 5, rows: 4, cellSize:64, gap:8} \[cite: 189\] | |
| slotFrame: Texture("inv\_slot\_frame.png") \[cite: 189\] | |
| selectedBorder: {color:"neon\_green", thickness:2} \[cite: 190\] | |
| itemIconSize: (48, 48\) \[cite: 191\] | |
| infoPanel: {size: (400x100), position: "bottom"} \[cite: 192\] | |
| font: "PixelFont8x8" \[cite: 192\] | |
| } | |
| ## **Šablony assetů** | |
| * **Lodě**: Modulární design \- trup, křídla, kokpit, motory. Povrch z INDUSTIAL\_METAL s nátěrem, viditelné šrouby a panely. Barevné akcenty (červené/žluté). | |
| * **Stanice**: Rozsáhlé kubické bloky, robustní vazby. Textury RUSTED\_STEEL pro exteriér, panely s WORN\_PLASTIC v interiéru. | |
| * **Vnitřní moduly**: Chodby a kabíny. Stěny z INDUSTRIAL\_METAL s opotřebovaným nátěrem, ozdobné OSD panely z WORN\_PLASTIC. | |
| * **Panely (control panels)**: Vnější rámečky z INDUSTRIAL\_METAL, tlačítka z WORN\_PLASTIC. Povrch 2D textury s dekály (štítky, šrouby). | |
| * **Trupy**: Zakřivené kovové části z INDUSTRIAL\_METAL. Opotřebení hlavně na hranách a styčných místech. | |
| * **Generátory**: Robustní válce a žebra. Použít RUSTED\_STEEL pro části vystavené žáru (skvrny spáleného kovu), kablíky z CABLING\_BUNDLE. | |
| **Příklad** | |
| AssetTemplate Ship\_X { \[cite: 203\] | |
| modules: \["cockpit", "engine", "wing\_left", "wing\_right", "hull"\] \[cite: 204\] | |
| style: "retro\_futuristic" \[cite: 205\] | |
| defaultMaterials: \["INDUSTRIAL\_METAL", "RUSTED\_STEEL"\] \[cite: 206\] | |
| textureLayers: \[ \[cite: 207\] | |
| {material: "INDUSTRIAL\_METAL", normalMap: "metal\_norm.png"}, \[cite: 211\] | |
| {material: "WORN\_PLASTIC", decal: "panel\_scratch.png"} \[cite: 212\] | |
| \] | |
| } | |
| ### **INDUSTRIAL\_METAL** | |
| * **Barva**: Tmavě ocelová se studeným odstínem. Lehce zelenkavá nebo šedá patina. | |
| * **Textura**: Jemné kovové zrno, škrábance. Přidat šmouhy oleje/maziva. | |
| * **Specular**: Nízký, povrch matný (roughness \~0.7). Lesklejší prvky na okrajích škrábanců. | |
| * **Opotřebení**: Okraje a hřeby světlejší. Použít masku pro odřeniny a odlupování laku. | |
| * **Normálová mapa**: Zvýraznění promáčklin a škrábanců pro realistické odlesky. | |
| * **Použití**: Trupy, nosníky, exteriér lodí a stanic. | |
| **Příklad** | |
| Material INDUSTRIAL\_METAL { \[cite: 220\] | |
| baseColor: \#5A5D61 \[cite: 221\] | |
| roughness: 0.7 \[cite: 222\] | |
| normalTexture: "industrial\_metal\_norm.png" \[cite: 223\] | |
| scratchTexture: "metal\_scratches.png" \[cite: 224\] | |
| } | |
| ### **WORN\_PLASTIC** | |
| * **Barva**: Tmavě šedá nebo olivová, matný plast. Povrch původně lakovaný. | |
| * **Opotřebení**: Oděry a škrábance odhalující světlejší plast v hloubce. Místy odštípnutý lak. | |
| * **Struktura**: Jemná granulace (simulace výlisku). Škrábance jako drobné čáry. | |
| * **Lesk**: Velmi nízký (průmyslový mat, roughness \~0.9). | |
| * **Použití**: Kryty ovládacích panelů, madla, interiérové obklady. | |
| **Příklad** | |
| Material WORN\_PLASTIC { \[cite: 233\] | |
| baseColor: \#4B4B4B \[cite: 234\] | |
| roughness: 0.9 \[cite: 235\] | |
| normalTexture: "worn\_plastic\_norm.png" \[cite: 236\] | |
| decalTexture: "plastic\_dents.png" \[cite: 237\] | |
| } | |
| ### **RUSTED\_STEEL** | |
| * **Barva**: Rezavě hnědá/oranžová. Na podkladu tmavý kov (tmavě hnědý). | |
| * **Koroze**: Hluboké mapy rzi na exponovaných místech. Nerovnoměrné flíčky rezu. | |
| * **Povrch**: Matný (rust není lesklý). Odlupuje se s mírou (podklad obnažen). | |
| * **Detaily**: Vypálené či zašpiněné oblasti (okolo šroubů, hran). | |
| * **Použití**: Exteriér stanic, potrubí, generátorů, části kde je vlhkost/chemická zátěž. | |
| **Příklad** | |
| Material RUSTED\_STEEL { \[cite: 247\] | |
| baseColor: \#664433 \[cite: 248\] | |
| rustIntensity: 0.8 \[cite: 249\] | |
| rustMask: "rust\_blots.png" \[cite: 250\] | |
| normalTexture: "rusted\_steel\_norm.png" \[cite: 251\] | |
| } | |
| ### **CABLING\_BUNDLE** | |
| * **Barva**: Mix kabelů \- základem černá/gumová izolace. Varovné žluté/červené proužky. | |
| * **Textura**: Zřetelné spojovací prvky (dráty, konektory). Praporkovité izolace navinuté okolo. | |
| * **Opletení**: U většiny kabelů spirálový pruhový vzor (světlejší linky). | |
| * **Detaily**: Namáčení na spojích, pájené spoje. Mírně lesklé koncové konektory. | |
| * **Použití**: Elektrické trasy, moduly s elektronikou, spotřebiče. | |
| **Příklad** | |
| Material CABLING\_BUNDLE { \[cite: 260\] | |
| baseColor: \#222222 \[cite: 261\] | |
| wireCount: 6 \[cite: 262\] | |
| insulationPattern: "spiral\_stripes.png" \[cite: 263\] | |
| connectorTexture: "metal\_connector.png" \[cite: 264\] | |
| } | |
| ## **Vrstvení a efekty opotřebení** | |
| * **Základní vrstvy**: Používat sekvenci base \> dirt \> scratch \> edgeHighlight. Nejprve nanést čistý základní materiál, potom vrstvy nečistot, škrábanců a nakonec krajové opotřebení. | |
| * **Parametrická patina**: Použití Perlinova šumu či Voronoi pro generování koroze a škrábanců s náhodným seedem. | |
| * **Ovládací parametry**: hustota škrábanců, velikost flíčků, směr degradace. | |
| * **Hrany**: Kraje dílů zvýraznit světlejší barvou (simulace obrusu). Maskovat podle vzdálenosti od okraje. | |
| * **Kombinování efektů**: Smíchat celoplošné (základní patinování) s drobnými (bodové škrábance, kapky). | |
| * **Maskování**: Použít grunge masky k umístění efektů (okraje, rohy). Zachovat pixelart ostrost (masky high-contrast). | |
| * **Automatizace**: Procedurálně generovat drobné detaily (čárky, tečky) skripty (např. náhodné 1px linky). | |
| **Příklad** | |
| LayeredTexture WallModule { \[cite: 276\] | |
| baseLayer: Material("INDUSTRIAL\_METAL") \[cite: 277\] | |
| addLayer(type="DIRT", opacity=0.3, seed=42) \[cite: 278\] | |
| addLayer(type="SCRATCHES", density=0.5, angle=45) \[cite: 279\] | |
| applyEdgeMask(intensity=0.8) \[cite: 281\] | |
| } | |
| ## **Texturovací modely** | |
| * **Panely (Control Panels)**: Velikost obvykle malé (32times32 až 128times128 px). Rozděleny do sekcí (knoflíky, obrazovka). Použít uniformní rám a textury šroubů a štítků. | |
| * **Zařízení (Devices)**: Kulatá nebo válcová tělesa (motory, baterie). Povrch rozdělen na segmenty s různými materiály (kov, plast, zářivka). | |
| * **Přepážky (Partitions)**: Rovné plochy stěn. Použít opakující se modulární vzor (geometrická mřížka, ventily). | |
| * **Pozadí**: Technologické pozadí s jemnými detaily (potrubí, cívky, perforace). Nízká kontrast, aby nepřehlušilo primární objekty. | |
| * **Normal mapy**: Vypočíst z vysoko-kontrastních základních vzorů (šrouby, prolisy). | |
| * **UV layout**: Šablony pro standardní tvary (1times1 panel, 2times1 krychle apod.) pro konzistentní texturování. | |
| **Příklad** | |
| TextureModel ControlPanel { \[cite: 292\] | |
| size: (64, 64\) \[cite: 293\] | |
| segments: 4x2 \[cite: 294\] | |
| baseTexture: "panel\_base.png" \[cite: 295\] | |
| detailOverlays: \["screws.png", "buttons.png"\] \[cite: 296\] | |
| normalMap: "panel\_norm.png" \[cite: 297\] | |
| } | |
| ## **Příklady generování modulu** | |
| * **Tvar modulu**: Definovat základní geometrii (např. krychle, válec). Nastavit UV-mapping odpovídající rozměrům. | |
| * **Hlavní materiál**: Aplikovat primární materiál (např. INDUSTRIAL\_METAL) na všechny plochy. | |
| * **Doplňkové vrstvy**: Nad hlavní materiál přidat vrstvy opotřebení: WORN\_PLASTIC pro oděrky, RUSTED\_STEEL pro korozi na okrajích, CABLING\_BUNDLE pro elektrická vedení. | |
| * **Detaily**: Generovat dekorativní části \- větrací otvory, šrouby, světla \- samostatně a integrovat jako transparentní mapy nebo 3D prvky. | |
| * **Kombinace textur**: Vrstvy spojit do výsledné textury (displacement map). Při velkém rozlišení zachovat pixelovou ostrost (více mipmap, žádné bilineární rozmazání). | |
| **Příklad** | |
| ModuleTexture EngineBay { \[cite: 307\] | |
| shape: "Cylinder" \[cite: 308\] | |
| baseMaterial: "INDUSTRIAL\_METAL" \[cite: 309\] | |
| addLayer(material="RUSTED\_STEEL", amount=0.4, region="edges") \[cite: 310\] | |
| addLayer(material="WORN\_PLASTIC", amount=0.2, region="center") \[cite: 311\] | |
| addDetail(type="CABLING\_BUNDLE", position=(32,64)) \[cite: 311\] | |
| finalize() \[cite: 311\] | |
| } | |
| ## **Výbuchy a fléry** | |
| * **Frame-by-frame**: Sekvence 8-12 snímků. Začíná jasným explozním středem (white-hot), postupně se rozrůstá oblak (oranžovo-žlutý) a končí šedivým kouřem. | |
| * **Expanze**: Každý další snímek mírně zvětší průměr exploze. Simulace rozptylu částic (jiskry) v pozadí. | |
| * **Barvy**: Počáteční snímek bílý/yellow, následují oranžové a tmavnoucí červené tóny, nakonec šedý/černý kouř. | |
| * **Částice**: Kromě hlavního plamene emulovat drobné jiskry a úlomky (2D pixel particle system). | |
| * **Loop**: Jednorázová animace (loop \= false). Po dokončení spustit event (např. audio „boom"). | |
| * **Světelný flash**: První snímek může být o jeden stupeň jasnější (přesvětlený). | |
| **Příklad** | |
| Animation EngineExplosion { \[cite: 324\] | |
| frames: 10 \[cite: 325\] | |
| frameRate: 12 \[cite: 326\] | |
| sprites: \["exp0.png", "exp1.png", ... ,"exp9.png"\] \[cite: 327\] | |
| loop: false \[cite: 328\] | |
| onComplete: emit("ExplosionDone") \[cite: 329\] | |
| } | |
| ## **Glitch efekty** | |
| * **Horizontální posuvy**: Náhodně posunovat některé řádky obrazu o několik pixelů (offset glitch). Častá frekvence krátkodobě (např. 5-10Hz). | |
| * **Chromatická aberace**: Mírný posuv RGB kanálů (červený a modrý rozestup) pro digitální šum. | |
| * **Šumové linie**: Vertikální a horizontální lineární šum (blikající bíločerné pruhy). | |
| * **Frekvence**: Epizodicky, ne konstantně \- glitch se objevuje v intervalech (např. 2-5 sekund trvající burst). | |
| * **Selektivní aplikace**: Aplikovat na specifický prvek (monitor, HUD) nebo celou vrstvu obrazovky. | |
| **Příklad** | |
| Effect ScreenGlitch { \[cite: 338\] | |
| horizontalJitter(intensity=2px, frequency=10Hz) \[cite: 339\] | |
| verticalNoise(strength=0.3) \[cite: 340\] | |
| onAlert: colorShift(r=+10, g=-5, b=+10) \[cite: 341\] | |
| } | |
| ## **Parallax a ambientní efekty** | |
| * **Parallax**: Více vrstev pozadí s různou rychlostí posuvu. Např. vzdálené hvězdy pomalu, blízké rychleji. | |
| * **Ambientní světla**: Statické kontrolky a světelné panely, které občas bliknou (blinking) nebo plynule mění jas (pulsování). | |
| * **Šum**: Jemný celoplošný šum (grain) přidán na vrstvu, simulující statický signál. | |
| * **Částice**: Drobná animovaná částice prachu nebo kouře v popředí pro hloubku (nízká transparentnost). | |
| * **Kamera**: Při akcích (výbuchu, letu) aplikovat lehký pohyb kamery (shake, slewing) pro dynamiku. | |
| **Příklad** | |
| ParallaxScene { | |
| layers: \[ | |
| {asset:"stars\_far.png", speed:0.2}, | |
| {asset:"stars\_near.png", speed:0.5}, | |
| {asset:"space\_dust.png", speed:0.8} | |
| \] | |
| ambientLights: \[ | |
| {color:"red", pattern:"blink", interval:1.0}, | |
| {color:"green", pattern:"pulse", interval:0.5} | |
| \] | |
| noiseOverlay: {strength:0.05} | |
| } | |
| ## **Simulace starého terminálu** | |
| * **Textový výstup**: Postupné „psaní“ znaků s pauzami (typewriter effect). Každý znak doprovázen krátkým pípnutím. | |
| * **Varovné stavy**: Při chybě střídavě blikat celé slovo nebo řádek (červeně) – invertovat barvy textu nebo použít efektní blikající pozadí. | |
| * **FIFO buffer**: Na obrazovce se text vykresluje po řádcích z fronty. Každý nový řádek se posouvá nahoru. | |
| * **Kursor**: Blikající podtržítko nebo blok ukazující aktivní pozici textu (blinking cursor \~2Hz). | |
| * **Tónové efekty**: Nahrát charakteristický šum pro každé odeslané písmeno a varovné syčení. | |
| **Příklad** | |
| TerminalAnimation { | |
| textLines: \["Accessing system...", "Loading data...", "WARNING: OVERLOAD"\] | |
| charDelay: 0.05s | |
| onWarning: flashText(color="red", duration=0.5) | |
| cursor: blink(rate=2Hz) | |
| } | |
| ## **Příklady efektů** | |
| ### **Výbuch motoru** | |
| * Frame-by-frame animace motorového výbuchu: rychlý počáteční blesk, oblaka kouře do strany. | |
| Animation EngineExplosion { | |
| frames: 12 \[cite: 357\] | |
| frameRate: 15 \[cite: 357\] | |
| sprites: \["eng\_exp0.png","eng\_exp1.png",...,"eng\_exp11.png"\] \[cite: 357\] | |
| loop: false \[cite: 357\] | |
| onComplete: spawnDebris() \[cite: 357\] | |
| } | |
| ### **Glitch monitoru** | |
| * Post-procesní glitch efekt na obrazovce: náhodné rovnoběžné posuvy a barevný šum. | |
| Effect MonitorGlitch { | |
| horizontalShift(intensity=3px, frequency=8Hz) | |
| noiseOverlay(strength=0.2) | |
| colorDrift(r=+20, g=-10, b=+20) | |
| } | |
| ### **Přechod obrazovky** | |
| * Stylizovaný přechod mezi obrazovkami: z černé do neonové barvy s přídavným scanline efektem. | |
| Transition ScreenFade { | |
| fromColor: "black" | |
| toColor: "green" | |
| duration: 0.8 | |
| overlayScanlines: true | |
| soundEffect: "static\_burst.wav" | |
| } | |