3D animace pro web: věž a holub v Spline

Vytvoření interaktivní 3D animace s holubem a budovou pro webovou stránku

Původní model národní věže ve stylu stalinovského ampiru obsahoval 402 383 polygonů – typický počet pro inženýrské účely s vysokou detailností fasád, herálů a hvězd. Automatická optimalizace nebyla vhodná kvůli nutnosti přesného ovládání geometrie. V Blenderu byla použita přidružení k vrcholům původního modelu: vytvářely se hranoly přichycené ke konkrétním bodům a kontury ručně obkreslovány.

Symetrie výrazně snížila pracnost: postavili jsme čtvrtinu fasády a zrcadlově ji odrazili. Výsledek: 17 693 polygonů. Základní geometrie byla zjednodušena, ale detaily fasády zachovány. V Spline byl model převeden na mračno bodů s možností nastavení barev, hustoty a velikosti částic.

Srovnání sítí ukazuje rozdíl: původní model je hustý, optimalizovaný má větší polygony na jednoduchých plochách.

Generování a retopologie modelu holuba

Pro holuba byl použit Tripo s promptem "city bird with spread wings". Výsledkem byl model s 1,5 milionem polygonů s vadami: přírůstek na zobáku, zkroucené nohy. Ruční retopologie v Blenderu: obkreslení kontur, oprava proporcí, odstranění nadbytečného objemu.

Přizpůsobení animaci: nohy rozestaveny pro pohyb, zobák vyrovnán. Zjednodušení více než 1000× – na 1284 polygonů, což je dostatečné pro malý objekt na obrazovce. Proces retopologie: vysokopolygonální základ → nízkopolygonální povrch s zachováním siluety.

Kostruovaná animace na základě referencí

Kostra – trojúhelníkové kosti uvnitř modelu, symetrické (polovina + zrcadlení). Připojení geometrie ke kostem v Blenderu: otáčení kosti posune mesh.

Reference – videa holubů ve zpomaleném režimu na YouTube: přistání s urychlením křídel, výstřední nohy, snížení. Animace přistání: cílová rovina + klíčové snímky.

Skládání křídel zjednodušeno: škálování místo jednotlivých per, protože detaily nejsou viditelné z dálky. Mikroanimace:

• ocas: pohyb nahoru-dolů podle kostí.
• hlava: otáčení.
• česání: zvednutí křídla + pohyb hlavy.
• sekundární akce: pokrčení před odletem, chvost trhající se.

Mikroanimace a integrace do webu

Holub se objevuje ve třech scénách (přilet, přistání, odlet) v malém čtverci přesunutém pomocí JS. Přizpůsobení logu: import designu do Blenderu pro úpravu ploch.

Práce v Spline: trajektorie a FPS

Export z Blenderu (24 FPS). V Spline: pruhovaný styl holuba, kruhová trajektorie + posun středu pro přirozenost. Kamera: odstup + centrování zvětšuje zorné pole.

Problémy:

• FPS není fixní: 24+ na výkonných PC, méně na slabších → nesynchronizované máchnutí křídel.
• Reset animace: minimalizováno odstraněním z obrazovky.

Budova se otáčí pod kurzorem, polygonální zadní část byla obnovena.

Nástroje a proces pro web 3D

• Blender: modelování, rigging, animace.
• Tripo: generování základního modelu.
• Spline: sestavení scény, interaktivita, mračno bodů.
• After Effects: 2D animace pro video.

Co je důležité:

• Ruční retopologie kriticky snižuje zatížení bez ztráty siluety.
• Symetrie zrychluje modelování čtyřikrát.
• Reference ve zpomaleném režimu jsou nezbytné pro realistickou kostruovanou animaci.
• Spline vyžaduje triky: pozice kamery pro úhel, trajektorie pro let.
• 24 FPS + mikroanimace zajišťují živost při nízké váze.

Celkový pracovní postup: generování → retopologie → rigging → animace → export → Spline.

— Editorial Team