CONSTRUYENDO UN MUNDODE MOSAICOS
TILE ENGINES
Gabriel Frymer
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
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
TILE ENGINES: Diseño del mapa
• Repetición de patrones
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
1 2
3 4
5 6
7 8
TILE ENGINES: Diseño del mapa
• Imagen transformada en matriz de tiles.
1
1
1
2
2
2
2
1
3
33
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
11
11
11
16
12
12
12
12
9
9
9
9
10
10
10
10
13
13
13
13
14
14
14
14
15
15
15
15
16
16
16
17
17
17
17
18
18
18
18
19
19
19
19
20
20
20
20
TILE ENGINES: Propiedades del Tileset
• Tamaño variable de los tiles
1 2 3
4 5 6
7 8 9
• Tamaño fijo de los tiles
1 2 3 4 5 6 7 8
9 10 11 12 13 14 15 16
17 18 19 20
Opción 1 Opción 21 2 3
4 5 6
7 8 9
TILE ENGINES: Propiedades del Tileset1 2 3 4 5 6 7 8
9 10 11 12 13 14 15 16
17 18 19 20
1
1
8
1
1
1
1
1
1
2 3 3 3 3 3 3 3 3 3
4 5 5 5 6 7 5 6 7 6
9 9 9 10 11 12 131110 11
14 3 3 3 15 3 3 15 3 15
2 3 3 3 15 3 3 15 3 15
2 3 3 3 15 3 3 15 3 15
2 3 3 3 15 3 3 1516 17
2 3 3 15 1518 7 5 15 7
2 3 3 11 12 131110 1119 20
2 3 3 3 15 3 3 15 3 15
TILE ENGINES: Propiedades físicas del mapa1 2 3 4 5 6 7 8
9 10 11 12 13 14 15 16
17 18 19 20
1
1
8
1
1
1
1
1
1
9 9 9 10 11 12 131110 11
17
18
11 12 131110 1119 20
TILE ENGINES: Layers
• Layer: cada capa que conforma una parte (visible o no) del mapa
Visible Físico
TILE ENGINES: Layers
• Permiten agrupar características del terreno u objetos
TILE ENGINES: Scrolling• Scroll: desplazamiento del mapa respecto a la pantalla
TILE ENGINES: Scrolling• Salto completo de pantalla:
1 2
3 4
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
1
2
3
TILE ENGINES: Scrolling• Smooth scrolling: backbuffer
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
TILE ENGINES: Scrolling + Layers
• Efecto de profundidad:
TILE ENGINES: Vistas
• Top-down:
Ultima VII
TILE ENGINES: Vistas
• Side Scrolling - Plataformas:1. Super Mario Bros.
2. Ghosts ‘N Goblins
TILE ENGINES: Vistas
• Isométrica:
1 12
34
56
78
9
23
45
67
89
(6,5)
12 2
333
TILE ENGINES: Vistas
• Isométrica:1. SimCity 2000
TILE ENGINES: Vistas
• Isométrica:2. Theme Hospital
TILE ENGINES: 3DNeverwinter Nights
TILE ENGINES: Herramientas1. TileStudio: http://tilestudio.sourceforge.net
TILE ENGINES: Herramientas2. Mappy: http://www.tilemap.co.uk/mappy.php