Basics scaleform - Cikk - Unreal Engine


„Szakasz: ScaleForm

Röviden szólva, egyszerűen, ScaleForm - olyan technológia, amely lehetővé teszi, hogy használja a textúrák flash fájlokat. Ezekkel meg lehet tenni, például egy animált. De akkor nagyon drága, mint egy hagyományos animációs anyagokat. A fő értéke a ScaleForm - ezek a flash-fájlokat tud kezelni. Sőt, akkor az ellenőrzés a textúra a képességeit a Flash.

Ha valaki nem ismeri a kifejezést az interfész a legtöbb játék egy azonos szerkezetű, de a „feszített” a képernyőre. A főmenü, a HUD, a különböző in-game menük - ez textúra, skomponirovannye a sprite. Tehát Scaleform lehetővé teszi, hogy megkerülje a rendszer, ahelyett, hogy a textúra flash fájlt. Egy ilyen csere sokkal előnyösebb, mivel először is nagyban megkönnyíti a felület létrehozásának folyamata (ahelyett, hogy előírnák helyét minden sprite a képernyőn, egyszerűen rendezni őket a flash file), másrészt létre interfész támogatja az összes funkcióját a Flash, például az átláthatóság animáció, zoom, stb ..

Többek között ScaleForm komolyan kiegészíti a már említett funkcionális változások ál-3D-s képek. Bármely alkatrész Flash-fájlt, akkor „” előre vagy hátra a másikhoz képest, és csavarja körül minden tengelyen.

És végül ez a bevezetés, azt mondanám, hogy amellett, hogy az Unreal Engine 3 Ezt a technológiát használják már szinte mindenhol (pl kapcsolatba a Cruzes, és az utóbbi időben szigorodtak és Egység).

Azonnal rohan hanyatt-homlok a forgatagban nem. Hogy minden megfelelően működött, először meg kell helyesen beállítani a Flash környezetben.

Erre akkor természetesen szüksége lesz Adobe Flash (nekem a CS5), és egy frissen telepített Unreal Development Kit. hol nélküle (akkor is, ha már az UDK, Az új verzió telepítése nem kötelező).

Még egy utolsó pont - ActionScript beállításokat.
  1. Nyissa meg a Szerkesztés> Beállítások menü \ Szerkesztés> Beállítások
  2. A bal oldali listából válassza ki a ActionScript pontot.
  3. Ezen a lapon kattintson a ActionScript 2.0 Settings \ ActionScript 2.0 Beállítások gombra
  4. A megjelenő ablakban kattintson a +. Egy üres sort. Válassza ki, majd kattintson az ikonra egy nyíl mutatja, akár egy üres sor a második helyen. Ezután kattintson az ikonra a mappát, majd válassza ki a kívánt mappát Clik, ami az úton Fejlesztési \ flash \ AS2 \ Clik \ UDK kapcsolatos telepítési mappát. Mindezek után az OK gombra.
  1. Kattintson ActionScript 3.0 Settings \ Parameters ActionScript 3.0
  2. 4. lépés ismétlésével, korrigálva az a tény, hogy meg kell nyomni a legfelső gomb +. vonal önmagában nem kell mozgatni, és az utat a Clik AS2 mappát kell átállítani AS3.

Ez minden, mi Adobe Flash teljes riadókészültségben!

Nehogy kiderült, hogy mindez megtörtént hiába teszünk egy kis példa a Scaleform, alkalmazásával egyszerű flash-fájlt textúra. Remélem jól ismerik az alapokat a Flash miatta, nem írok egy sínbe. Ugyanez vonatkozik a UDK.

Első rész: létrehozása és import

Ne felejtsük el, ezeket a lépéseket meg kell bizonyosodni arról, hogy végezzen minden fájlt kell létrehozni.

Mindenesetre, mentse a fájlt. Ahhoz, hogy helyesen behozott UDK, hogy az összes szükséges fájlok az alkönyvtárban \ UDKGame \ Flash-t. Hozzon létre egy új mappát benne egy bizonyos nevet, és meg kell menteni a fájlt (bár senki sem zavarja, hogy hozzon létre egy alkönyvtár). Amikor importál egy fájlt a UDK csomagolja, hogy hívják a mappa neve, emlékszik rá.

Most egy kicsit a rétegeket. Remélem, tudja, hogy a rétegek okokból szükséges, és hogy az elemek a rétegeket egymásra a hierarchia a rétegek (azaz a magasabb rétegek fedik a tény, hogy az alsó réteg). Így a jövőben, akkor ossza el a fájl tartalmát a rétegeket. De mi fontos kifejezetten Scaleform. Létre kell hoznunk egy réteg, amely nagyobb lesz, mint a többiek, és hívja tevékenységét. Ez lesz minden ActionScript kód, amely érinti a fájlt. De amíg nem kell ilyesmi, akkor csak létrehozni, és hagyja üresen.

Most arra van szükség, hogy válasszon ki egy képet a mi fájlt. Vettem a fáradságot, hogy ezt az Ön számára)) Fontos megjegyezni, hogy vannak bizonyos szabályok, amikor kiválasztják grafika. Ahhoz, hogy senki nem fogadott, én kiemelni őket. Először mindig a png. Ez a formátum biztosítja a jó képminőséget, és van egy alfa csatornát, ami szintén fontos. Másodszor, mindig a kép mérete a hatalom kettő. például 32x32, 64x128 stb Ez egy rendkívül fontos feltétele a képek importálását a Flash és UDK. Visszatérve a kép maga, akkor használja a logót UDK.

Egyszerűen menteni a képet a számítógépre. A méret már felvette, az alfa csatorna van jelen. Mielőtt importálni a képet egy fájlba, kívánatos, hogy ott van, hol van a fájl. Az összes kép használt Flash-fájlt kell menteni egy mappába az azonos nevű, amely az úgynevezett egy fájlt. Például, ha a fájl neve TestFlash és menti a bemutató mappát. ebben a mappában létre kell hozni egy másik nevű mappát TestFlash. Meg kell menteni a képet. Erre azért van szükség annak érdekében, hogy elkerüljék a különböző reformok, amely képes generálni a Flash importálásakor.

Most importálja a képet a fájlt. Tudod import közvetlenül a munkaterületre. Többek között a Flash'e szüksége még egy pont tekintetében a képeket. Minden kép, amire szükség van, hogy végezze el a következő eljárást:
  • Keresse meg a képet a könyvtárban, és nyissa meg a tulajdonságait.
  • A tulajdonságok ablak tick engedélyezése simító \ engedélyezése simító (elkerülve pixelation kép).
  • Elem Compression \ Compression változás Lossless \ veszteségmentes.
  • Ha van egy egyszerűsített ablakban kattintson a Speciális gombra \ Advanced.
  • Tick ​​Export ActionScript
  • Az alsó aktívvá válik ID mező nevét a fájl; el kell távolítani a bővítés a fájl (számunkra ez .png. Udk_logo maradjon nélküle). Kattintson az OK gombra.

Mindezen intézkedések kell végezni minden importált kép

Az E kell aktiválásra.

Ismét meg kell tenni minden fájlt vagy csoportképek készítéséhez, ahol használni szeretné ezeket a bővítményeket.

Most már közzé a fájlt. Ehhez egyszerűen nyomja meg a teszt gombot a hordozórakéta, és lehet egy szabványos elem és a Flash.

Második rész: A textúra rendering

Most arra van szükség, hogy közvetlenül használja a fájlt, mint egy textúra. A kezdéshez hozzon létre egy egyszerű szinten, ahol a kocka meg fog jelenni. Vagy töltse le itt ez a karcsú kártyát.

Harmadik rész: A használt anyag Brasov

Az utolsó lépés - végül hozta a fájl megjelenik a kefe anyag.

Alkalmazni elején létrehozott része az anyag egyik oldalán egy kocka egy térképen, akkor a letöltött (vagy bármilyen, a saját lapot; ha a kártya, akkor természetesen, kívánatos, hogy ezen az oldalon jól látható volt).

És most itt van, hogyan működik. Mi lehet megnyitni a flash fájlt Kismet. de ha nyissa fel csak úgy, hogy csak nalezet a képernyőn. Erre a célra, és szükség van téve textúra - elmondjuk a játékot, hogy szeretnénk ezt a fájlt megjelenni pontosan ezen a felületen. Általában nyitott Kismet, hívja fel a helyi menüt, és válassza ki az Új esemény> Level Loaded. Most nyissa meg a helyi menüt, majd válassza a New Action> GFX UI> Megnyitás GFX film. Kimenet csatlakoztatása Loaded és látható első csomóponttól a második bemenet. Nyissa meg a Content Browser, válassza ki a flash-fájl, menjen vissza Kismet, válassza a Megnyitás GFX Film csomópontot. szakasza és GFX Action Nyílt film. a Film sorban kattintson a zöld nyíl rendelni a fájlt, mint egy string értéket. Most el kell dönteni, hogy milyen anyag a fájl jelenik meg (mint mondtam, ha nem, akkor a fájl megjelenik a teljes képernyőn, akkor próbáljon meg). Menj vissza a tartalom böngésző, és válassza ki az anyagi. Menj vissza Kismet válassza ki ugyanazt a csomópontot, és ugyanabban a szakaszban, keresse meg a vonalat Render anyag. majd kattintson a zöld nyílra. Ha a textúra az alfa csatornát (és mi is), akkor ki kell választania Render Anyag Mode érték RTM_AlphaComposite. Új változat a UDK helyett Render Anyag láthatod Render Texture. Ebben az esetben, egyszerűen válassza ki a textúra a böngésző helyett az anyagot.

Mentsd meg a szintet és a tesztet.

Mint látható, ez működik)) Ne feledje azonban, hogy ha a kép méretét nagyobb vagy kisebb, mint a méret a kocka, akkor az vagy nem illik a felszínre, vagy töltse ki a csempe. A mi esetünkben, az úton, a második lehetőség (például a kocka 512h512h512 és 256x256 kép). Kezelt egyszerűen mutató mastshaba sebességgel két, a a felület tulajdonságait.