Como detectar zonas geométricas Por Álvaro Verión Malagamba

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Como detectar zonas geométricas Por Álvaro Verión Malagamba"

Silvia García Agüero
hace 7 años
Vistas:

1 Como detectar zonas geométricas Por Álvaro Verión Malagamba En este tutorial he intentado conseguir detección de colisiones entre el ratón y una figura que tengamos en pantalla. En principio he establecido tres figuras para la detección de las formas: 1. Un Rectángulo. 2. Un Círculo. 3. Un Triángulo. La detección de estas formas es independiente del tamaño o la colocación de las mismas. El Rectángulo: La función que se encarga de detectar la colisión con el rectángulo tiene la siguiente cabecera: bool DetectaCuadro(int Xini,int Yini, int Xfin, int Yfin); Los parámetros que le pasamos son los puntos X e Y que definen la esquina superior-izquierda del rectángulo, y los puntos X e Y que definen la esquina inferior-derecha del rectángulo. A partir de esos valores podemos decir que cualquier posición de la pantalla que se encuentre entre esos 2 puntos, pertenecerán indudablemente al Rectángulo definido: Yini Xini Yfin Xfin Y la función quedaría de la siguiente manera:

2 bool DetectaCuadro(int Xini,int Yini, int Xfin, int Yfin){ if(mouse_x>xini && mouse_x<xfin && mouse_y>yini && mouse_y<yfin){ return true; else{ return false; Como vemos, si la posición del ratón en X se encuentra entre los puntos inicial y final del rectángulo en eje de abcisas y la posición en Y del ratón se encuentra entro los puntos inicial y final del rectángulo en el eje de coordenadas, el ratón esta sobre el rectángulo y por lo tanto la función devuelve true. El Circulo: La función que se encarga de detectar la colisión con el círculo tiene la siguiente cabecera: bool DetectaCirculo(int posx,int posy,int radio); los parámetros que le pasamos a esta función son la posición X e Y del centro de la circunferencia y el radio de la misma. Teniendo en cuenta estos parámetros, podemos decir que cualquier punto de la pantalla cuya distancia al centro de la circunferencia, sea menor o igual que el radio, se encuentra dentro de dicha circunferencia. Radio centrox centroy Siendo así, la función que he desarrollado queda de la siguiente manera: bool DetectaCirculo(int centrox,int centroy,int radio){ int distancia;

3 distancia=abs(sqrt(pow(centrox-mouse_x,2)+pow(centroymouse_y,2))); if(distancia<=radio){ return true; else{ return false; En primer lugar, calculamos la distancia desde la posición del ratón al centro de la circunferencia mediante el teorema de Pitágoras: Distancia =? (centrox mouse_x) 2 + (centroy mouse_y) 2 La hipotenusa del triangulo formado por centrox/mouse_x y centroy/mousey, es la distancia entre el centro de la circunferencia y la posición del ratón, por lo tanto comprobamos que esa distancia sea menor o igual que el radio, para determinar si el puntero esta sobre la circunferencia. El Triangulo: Para la resolución de este tipo de figura el proceso se complica un poco, si queremos tener en cuenta cualquier tipo de triangulo. En primer lugar establecemos cual será el proceso mediante el cual calcularemos cual es la superficie del triangulo: Lado 1 Lado 3 Lado 2

4 Como se observa en el dibujo, el área del triangulo esta definido por la zona común en el centro que comparten las tres rectas creadas por la prolongación de los lados del triangulo. Para hallar estas rectas necesitaremos las coordenadas de los 3 vértices del triangulo. bool DetectaTriangulo(float posx1,float posy1,float posx2,float posy2,float posx3,float posy3); Donde el punto (posx1,posy1) es el punto del triangulo mas a la derecha, (posx2,posy2) es el punto centro de la circunferencia y (posx3,posy3) es el punto mas a la izquierda de la circunferencia. Con estos puntos obtenemos las rectas: Linea1: ( posx1,posy1) (posx2-posy2) Linea2: ( posx1,posy1) (posx3-posy3) Linea3: ( posx2,posy2) (posx3-posy3) Para poder trabajar con estas rectas las transformaremos en forma de ecuación punto-pendiente, de la siguiente manera: f(x)=[((yfinal-yinicial)/(xinicial-xfinal)) * (x-x1)]+y1 De esta forma podremos establecer si un punto se encuentra a un lado u otro de la recta f(x). Una vez halladas las ecuaciones pertinentes procederemos a establecer las zonas s: Si la posición del ratón en Y es mayor o igual (véase que las coordenadas en allegro aumentan hacia abajo) que el valor de f(x) en la coordenada X del ratón quiere decir que el puntero se encuentra en la zona por debajo de la recta, en otro caso se encuentra en la zona por encima de la recta.

5 Como vemos, para cada recta elegiremos la zona que nos permita detectar la colisión con el área del triangulo: if(linea1<mouse_y && linea2>mouse_y && linea3<mouse_y) sumando las tres condiciones obtenemos la forma triangular que buscamos. La función finalmente quedaría así: bool DetectaTriangulo(float posx1,float posy1,float posx2,float posy2,float posx3,float posy3){ float linea1,linea2,linea3; bool contacto=false; linea1=(((posy2-posy1)/(posx2-posx1))*(mouse_xposx1))+posy1; linea2=(((posy3-posy1)/(posx3-posx1))*(mouse_xposx1))+posy1; linea3=(((posy3-posy2)/(posx3-posx2))*(mouse_xposx2))+posy2; if(linea1<mouse_y && linea2>mouse_y && linea3<mouse_y){ contacto=true; else if(linea1>mouse_y && linea2<mouse_y && linea3>mouse_y){ contacto=true; return contacto; Si quieres obtener una explicación mas detallada sobre el tema visítame a o escríbeme a alvaro@korsarios.net.

Documentos relacionados

UNIDAD 8 Geometría analítica

UNIDAD 8 Geometría analítica Pág. 1 de 5 I. Sabes hallar puntos medios de segmentos, puntos simétricos de otros y ver si varios puntos están alineados? 1 Los puntos A( 1, 3), B(2, 6), C (7, 2) y D( 5, 3) son vértices de un cuadrilátero.