CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

26
CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer

Transcript of CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

Page 1: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

CONSTRUYENDO UN MUNDODE MOSAICOS

TILE ENGINES

Gabriel Frymer

Page 2: CONSTRUYENDO UN MUNDO DE 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

Page 3: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 4: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Diseño del mapa

• Repetición de patrones

Page 5: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 6: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 7: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 8: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 9: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 10: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Layers

• Layer: cada capa que conforma una parte (visible o no) del mapa

Visible Físico

Page 11: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Layers

• Permiten agrupar características del terreno u objetos

Page 12: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 13: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Scrolling• Salto completo de pantalla:

1 2

3 4

Page 14: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 15: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Scrolling• Smooth scrolling: backbuffer

Page 16: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

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

Page 17: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Scrolling + Layers

• Efecto de profundidad:

Page 18: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Vistas

• Top-down:

Ultima VII

Page 19: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Vistas

• Side Scrolling - Plataformas:1. Super Mario Bros.

2. Ghosts ‘N Goblins

Page 20: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Vistas

• Isométrica:

1 12

34

56

78

9

23

45

67

89

(6,5)

12 2

333

Page 21: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Vistas

• Isométrica:1. SimCity 2000

Page 22: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Vistas

• Isométrica:2. Theme Hospital

Page 23: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: 3DNeverwinter Nights

Page 24: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Herramientas1. TileStudio: http://tilestudio.sourceforge.net

Page 25: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES: Herramientas2. Mappy: http://www.tilemap.co.uk/mappy.php

Page 26: CONSTRUYENDO UN MUNDO DE MOSAICOS TILE ENGINES Gabriel Frymer.

TILE ENGINES

¿¿PREGUNTAS??

Gabriel [email protected]

¡Muchas gracias!