Iluze 3D v 2D hrách: paralaxa a manipulace vrcholů spriteů v Bridgebourn
Kombinace paralaxy a posunu vrcholů 2D spriteů vytváří přesvědčivou hloubku v izometrické ARPG Bridgebourn. Samostatný vývojář 2HeadedHero za deset let postavil malovaný svět bez 3D modelů, přitom zachoval výkon na úrovni Intel HD Graphics 4000. Demo je dostupná ve Steamu.
Hra spojuje mechaniky z Diablo 2 s vlastními kouzly a reakcemi elementů. Polooptevřený svět Fadelands byl ručně nakreslený vrstvami, kde každý prvek je optimalizován pro vizuální triky. Toto není jen estetika – tento přístup minimalizuje náklady na umělecké dílo a vykreslování, čímž projekt zůstává životaschopný pro jednoho člověka.
Technika paralaxy pro hloubku scény
Paralaxa v Bridgebourn využívá mnohovrstvé uspořádání: desítky průhledných vrstev s různou rychlostí posunu vzhledem ke kamere. Přední prvky (tráva, keře) se pohybují rychleji, pozadí (pahorky, nebe) pomaleji. Jedná se o klasický trik z 2D platformerů, který byl zefektivněn pro izometrii.
Klíčové aspekty implementace:
- Vrstvy jsou tříděny podle Z-orderu od 0 do 1.
- Rychlost paralaxy je úměrná vzdálenosti:
speed = base_speed * (1 - depth). - Průhlednost a blending zajišťují hladké přechody mezi vrstvami.
V dynamice kamera „letí“ nad scénou: sekvoje na předním planu se zrychlují, hory v mlze zůstávají statické. Tento přístup nepřetíží GPU, na rozdíl od plného 3D s occlusion culling.
Kompromiss: vyžaduje ruční rozdělení uměleckého materiálu na vrstvy. Každá lokace je tvořena desítkami PNG s přednastavenou hloubkou, což zvyšuje objem assetů, ale zjednodušuje vykreslování během provozu.
Manipulace vrcholů spriteů
Manipulace vrcholů spriteů deformuje rovinné spritey prostřednictvím vertex shaderu. Vrcholy stromu nebo věže se posouvají, imituje sklon, kývání nebo perspektivu. Není potřeba mesh – jeden quad s texturou se promění v „objemný“ objekt.
Příklad efektu ve shadru (pseudokód):
vec2 vertices[4] = vec2, vec2(0.5,-0.5), ...);
for(int i=0; i<4; i++) {
vertices[i].y += sin(time + vertices[i].x * freq) * amplitude * depth;
vertices[i] *= perspective_matrix;
}Špička stromu se vychýlí o 5–10 % od základní pozice, tráva se chvěje procedurálně. Ve boji se efekty zesilují: exploze kouzel přidávají offset k vrcholům nejbližších objektů.
Kompromisy:
- Výkon: vertex shadery jsou levnější než geometry shadery v 3D.
- Umění: spritey musí být symetrické pro přirozenou deformaci.
- Omezení: nevhodné pro složitou animaci (nohy chodící vyžadují skeletal).
Kombinace s paralaxou: vrstvy paralaxy se zpracovávají nejdříve, pak posun vrcholů u předních spriteů. Kamera sleduje party 4 herců bez artefaktů.
Hráčská zábava a optimalizace
Mechaniky ARPG jsou založeny na partii herců: ruční řízení nebo AI příkazy. Vlastní kouzla se skládají kombinacemi elementů (oheň + led = pára), což vyvolává řetězové reakce. Loot, stromy dovedností, narrativní kvízy – v duchu Diablo 2 + Final Fantasy.
Technické specifikace jsou minimální:
- CPU: 4-jádrový 2,4 GHz (64bit).
- RAM: 2 GB.
- GPU: Intel HD 4000.
- Úložiště: 1 GB.
- Platformy: Windows 10+, macOS Sonoma (Intel), Steam Deck.
Optimalizace je důsledkem 2D: žádné LOD, fyzika ani raytracing. Manipulace spriteů ve vertex fázi nezpůsobuje zátěž ani na Decku po opravách.
Co je důležité
- Vizuální identita prostřednictvím triků: Paralaxa + posun vrcholů nahrazuje 3D umění, šetří 90 % prostředků na modelování.
- Samoobslužný dlouhodobý projekt je možný: 10 let práce je možné při zaměření na jádrový loop a estetiku, bez rozsahu projektu.
- Přístupnost: Demo je zdarma ve Steamu (app/2027760), kooperativní hra až do 4 hráčů + Remote Play.
- Kompromisy jsou transparentní: Ruční umění je náročné na výrobu, ale levné v provozu; ideální pro indie.
Praktické postřehy pro middle/senior vývojáře
Tento případ je aktuální pro 2D projekty v Unity/Godot: implementace paralaxy trvá 1–2 dny, manipulace vrcholů vyžaduje custom shader (50 řádků). Testujte na low-end hardware: cílem je 60 FPS na HD 4000.
Pro ARPG: integrujte efekty do boje – particle systémy na vrstvách paralaxy zvyšují ponoření bez výkonového dopadu. Vyhněte se přehnanému přesahu: 20–30 vrstev stačí pro hloubku.
Bridgebourn dokazuje: technická vynalézavost > high-end hardware. Pro globální indie scénu je to příklad, jak nišový styl (malovaný + pseudo-3D) zapůsobí na Redditu i Steamu.
— Editorial Team
Zatím žádné komentáře.