Tilemap (Hamarosan)

Sok retro és modern játék alapszik rácsszerkezeten.

Ha a fenti példákhoz hasonló látványt szeretnénk megvalósítani, érdemes használni a Unity beépített Tilemap eszközét, amivel könnyedén hozhatunk létre rácsalapú pályát.

3 féle mintát (grid-et) támogat a unity csempe rendszere:

• Négyszög: Rectandular

• Izometrikus: Isometric

• Hatszögrács: Hexagonal

Ezek közül most csak a négyszögrács alapú csempékkel foglalkozunk, de a lent leírtak nagy részben érvényesek egyéb rácsszerkezetekre is.

Csempe alapú játékok gyakran, ám nem mindig pixelgrafikusak. Ha érdekel a pixelgrafikus játékok készítésének elmélete, itt olvashatsz róla:

Előkészület

1. A 2D Tilemap Editor és a 2D Sprite csomag letöltése a Package Manager-ből:

(Felső Menüsáv/Window/Package Manager - Unity Registry / 2D Tilemap Editor)

(Felső Menüsáv/Window/Package Manager - Unity Registry / 2D Sprite)

2. Paletta kép importálása

Először is a projektben léteznie kell egy képnek, ami rácsba rendezve szerepelnek a csempéink sprite-jai.


3. Állítsuk be a képen a következőket:

(Kép kijelölése / Inspector ablak)

TextureType: Sprite (2D and UI)

SpriteMode: Multiple

Pixel per Unit: Amennyi pixelből áll egy csempe oldala

Compression: None

Csak ha pixelgrafikát használunk:

FilterMode: Point (No Filter)

4. Tilemap kép feldarabolása

(Kép kijelölése / Inspector ablak / SpriteEditor / Slice )

(Ehhez szükség van a 2D Sprite csomag telepítésére: 1. pont)


5. A Unity Tile paletta elkészítése
• (Jobb katt az Assetek közt / Create / 2D / Tile Palette / Rectangular ) vagy
• (Felső Menüsáv / Assets / Create / 2D / Tile Palette / Rectangular )

Ezután a palettához kell adni a feldarabolt Tilemap Sprite-ot. Ezt a Tile Palette ablakban tudjuk megtenni (Felső Menüsáv / Window / 2D / Tile Palette) drag and drop megoldássa.

6. Antialiasing kikapcsolása

Tilemap-ok esetében mindig kapcsoljuk ki az antialiasing-et! Ha ezt nem tesszük meg, akkor a csempék között néhol egy pixel vastag vonal jelenhet meg.



Antialiasing

Olyan technika a számítógépes grafikában a pixelgrafikus képek éleinek simításához használható.



Az antialiasing különösen 3D játékok esetében tudja nagyban javítani a látványt.

A Unity-ben van lehetőségünk arra, hogy ki és bekapcsoljuk az automatikus antialiasing-ot:

(Felső Menüsáv / Edit / ProjectSettings / Quality / Antialiasing)

Csempék lehelyezése

Ahhoz hogy elkezdjük a játékunk pályáit lecsempézni szükségünk van egy Rácsszerkezetre. Erre a célra egy Grid komponenst kell adnunk egy üres GameObject-hez. Ezen a komponensen állíthatjuk be a rácsszerkezet tulajdonságait. Javaslom, hogy négyzetrács esetén ragaszkodjunk az 1x1-egység méretű rácsokhoz.

Ezután szükségünk van egy gyerek objektumra a Grid komponens alá. Ehhez a gyerek GameObject-hez hozzá kell adnunk egy TileMap-ot és egy TilemapRenderert, hogy megjelenjen a rajzolt pálya.

Több rétegbe is rendezhetjük a csempéinket, ha több Tilemap GameObject-et hozunk létre a Grid alá. Hogy ezen rétegek közül melyik jelenik meg előrébb azt a sprite-oknál megszokott módon tudjuk szabályozni: Sorting Order és Sorting Layer.

Ha bizonyos rétegekhez, fizikát is szeretnénk, használhatjuk a Tilemap Collider 2D-t.

Extrák

2D Tilemap Extras neven egy hivatalos Unity kiegészítő csomag is létezik a 2D Tilemap Editor-hoz.