1 CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer

2 TILE ENGINES: Diseño del mapa Mundo real –Información infinita –Especificación inconclusa –Espacio en disco gigantísimo –Memoria insuficiente –Procesamiento interminable IMPOSIBLE DE REALIZAR

3 TILE ENGINES: Diseño del mapa Mundo virtual –Discretización de la información –Sólo lo que se pueda ver –Espacio en disco muy grande –Muchísima memoria –Procesamiento enorme POSIBLE PERO INEFICIENTE

4 TILE ENGINES: Diseño del mapa Repetición de patrones

5 TILE ENGINES: Diseño del mapa Tile: pequeña imagen que se repite para formar una más grande Tileset: conjunto de tiles con los que se forma una imagen 12 3 4 56 7 8

6 TILE ENGINES: Diseño del mapa Imagen transformada en matriz de tiles. 1 1 1 2 2 2 2 1 3 3 3 3 3 3 3 3 1 1 1 1 4 4 4 4 4 4 4 4 5 5 5 5 6 6 6 6 7 7 7 7 8 8 8 8 1 8 8 8 8 11 16 12 9 9 9 9 10 13 14 15 16 17 18 19 20

7 TILE ENGINES: Propiedades del Tileset Tamaño variable de los tiles 123 4 56 78 9 Tamaño fijo de los tiles 12345678 9 10 111213141516 17181920 Opción 1 Opción 2 123 4 5 6 7 8 9

8 TILE ENGINES: Propiedades del Tileset 12345678 9 10 111213141516 17181920 1 1 8 1 1 1 1 1 1 2333333333 4555675676 999 10 11 12 1311 10 11 143331533 3 2333 33 3 2333 33 3 2333 33 16 17 23315 1875157 233 11 12 1311 10 11 1920 23331533 3

9 TILE ENGINES: Propiedades físicas del mapa 12345678 9 10 111213141516 17181920 1 1 8 1 1 1 1 1 1 999 10 11 12 1311 10 11 17 18 11 12 1311 10 11 1920

10 TILE ENGINES: Layers Layer: cada capa que conforma una parte (visible o no) del mapa VisibleFísico

11 TILE ENGINES: Layers Permiten agrupar características del terreno u objetos

12 TILE ENGINES: Scrolling Scroll: desplazamiento del mapa respecto a la pantalla

13 TILE ENGINES: Scrolling Salto completo de pantalla: 12 3 4

14 TILE ENGINES: Scrolling Salto por fila / columna de tiles: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 123123

15 TILE ENGINES: Scrolling Smooth scrolling: backbuffer

16 TILE ENGINES: Coordenadas Punto en pantalla a punto en matriz de tiles: X’ = X / AnchoTile Y’ = Y / AltoTile Offset dentro del tile: Xofs = X mod AnchoTile Yofs = Y mod AltoTile

17 TILE ENGINES: Scrolling + Layers Efecto de profundidad:

18 TILE ENGINES: Vistas Top-down: Ultima VII

19 TILE ENGINES: Vistas Side Scrolling - Plataformas: 1.Super Mario Bros. 2.Ghosts ‘N Goblins

20 TILE ENGINES: Vistas Isométrica: 11 2 3 4 5 6 7 8 9 2 3 4 5 6 7 8 9 (6,5) 1 22 333

21 TILE ENGINES: Vistas Isométrica: 1.SimCity 2000

22 TILE ENGINES: Vistas Isométrica: 2.Theme Hospital

23 TILE ENGINES: 3D Neverwinter Nights

24 TILE ENGINES: Herramientas 1.TileStudio: http://tilestudio.sourceforge.net

25 TILE ENGINES: Herramientas 2.Mappy: http://www.tilemap.co.uk/mappy.php

26 TILE ENGINES ¿¿PREGUNTAS?? Gabriel Frymer [email protected] ¡Muchas gracias!