las matemáticas videojuegosaula141.cat/.../uploads/2018/05/charla-videojuegos.pdf ·...

76
videojuegos matemáticas Las de los

Upload: others

Post on 13-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

videojuegos matemáticas Las de los

Page 2: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

¿Qué haremos hoy?

1) Modelo frustum 2d y 3d

2) Posición y orientación cámara 3) Clipping 4) Python 5) Conclusiones

Page 3: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Modelo frustum 2d/3d

Page 4: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 5: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 6: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 7: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 8: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 9: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 10: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 11: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 12: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 13: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 14: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 15: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 16: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 17: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 18: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 19: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 20: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 21: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 22: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 23: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 24: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 25: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Transformación

Page 26: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Page 27: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Muchos puntos a uno

Page 28: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Muchos puntos a uno

Page 29: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Truco para solucionarlo Descomponer la transformación en dos operaciones:

Page 30: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Page 31: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Page 32: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Page 33: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Ejemplo 1

Page 34: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Ejemplo 2

Page 35: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Supongamos que sólo nos interesa una zona de puntos

Que se transforme en un cuadrado (muy cómodo!)

Puntos transformados

Page 36: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Supongamos que sólo nos interesa una zona de puntos

Todo punto de la región se transforma

Page 37: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Supongamos que sólo nos interesa una zona de puntos

Todo punto de la región se transforma

Punto fuera descartado

Page 38: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Supongamos que sólo nos interesa una zona de puntos

Page 39: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Supongamos que sólo nos interesa una zona de puntos

Page 40: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Supongamos que sólo nos interesa una zona de puntos

Page 41: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

Supongamos que sólo nos interesa una zona de puntos

Page 42: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

(Perspectiva!)

Transformación final (2D)

Page 43: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

2D

Page 44: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

2D

Page 45: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

2D

Page 46: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

2D

Page 47: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

2D

Faltará dividir el vector entre

Page 48: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

x

y

2D

Page 49: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

1)

2D

Page 50: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

1)

2)

2D

Page 51: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

1)

2)

3)

2D

Page 52: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

1)

2)

3) 4)

2D

Page 53: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

3D

z

y x

Page 54: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

3D

Cambio de signo! z

y x

Page 55: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

3D

z

y x

Page 56: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

3D

Formación de la imagen bidimensional

Page 57: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

3D

Page 58: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Matriz de posición y orientación de cámara

Page 59: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

y

x

Matriz de posición y orientación de cámara

Page 60: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

y

x

Matriz de posición y orientación de cámara

Page 61: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Matriz de posición y orientación de cámara

y

x

Page 62: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Matriz de posición y orientación de cámara

y

x

Page 63: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Matriz de posición y orientación de cámara

y

x

PO

SIC

IÓN

Page 64: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Matriz de posición y orientación de cámara 3D

PO

SIC

IÓN

Page 65: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Proceso global

PO

SIC

IÓN

Page 66: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Ejemplo

Page 67: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Clipping

Page 68: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Clipping

2D 3D Puntos

Page 69: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Clipping

2D 3D Puntos

Page 70: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Clipping

2D 3D Puntos

Page 71: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Clipping

2D 3D Lineas

Page 72: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Clipping

2D 3D Lineas

Page 73: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Clipping

2D 3D Lineas

Algoritmos Line Clipping Cohen–Sutherland Liang–Barsky Fast-clipping Cyrus–Beck Nicholl–Lee–Nicholl Skala

Algoritmos Polygon Clipping Greiner-Hormann Sutherland–Hodgman Weiler–Atherton Vatti Metodologías de Rendering Painter's algorithm

Page 74: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Ejemplo

Page 75: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Conclusiones

- La cámara es el primer paso para un motor gráfico

- Física - Sonidos - Inteligencia Artificial

- Las matemáticas y la física son esenciales para un videojuego (realista o no).

Page 76: Las matemáticas videojuegosaula141.cat/.../uploads/2018/05/Charla-Videojuegos.pdf · 2018-05-15 · videojuegos Las matemáticas de los ¿Qué haremos hoy? 1) Modelo frustum 2d y

Gracias por vuestra atención!