domingo, 1 de abril de 2012

Mecanismos de Interacción en PC

Carrera de XNA – Capítulo 3 – Artículo 1

Introducción

Los Mecanismos de Interacción (comúnmente llamados Controles) permiten al usuario interactuar con nuestro Juego. En este primer artículo, veremos los Controles básicos disponibles para plataforma Windows como el Teclado y el Mouse. En próximas entregas veremos uso de controles avanzados como Kinect for Windows.

 

Usando el Teclado

El método tradicional para cualquier juego es utilizando al menos una o dos teclas en el Teclado. Cabe destacar que XNA tiene soporte para múltiples jugadores en una misma computadora, ya que podemos detectar múltiples teclas presionadas en un mismo instante.

El lugar correcto para poner nuestra lógica de input es en el método Update. Al detectar una o más teclas presionadas podremos modificar valores en nuestro juego para ver reflejado en acciones el input del usuario.

Para esto:

  1. Declaramos las variables necesarias
    image
  2. Creamos una textura2d de color Rojo y un rectángulo para posicionar
    image
  3. Dibujamos en la pantalla el rectángulo
    image
  4. Modificamos la posición si detectamos input del teclado con alguna de las flechas.
    image

Posición Original

image

Luego de tocar la flecha hacia arriba

image


Utilizando el Mouse

El segundo método de entrada tradicional es el Mouse (o Ratón). Para detectarlo es necesario hacer uso de la clase Mouse y, al igual que hicimos con el teclado, obtener el estado actual. Cabe destacar que para que el mouse sea visible en un juego XNA debemos correr sobre plataforma PC e indicar al momento de inicializar el juego que queremos tener el cursor visible. En esta ocasión utilizaremos la posición del cursor y el click. En futuros niveles de la carrera aprenderemos a utilizar comandos avanzados como la Rueda de Scroll, el botón Derecho, etc.

 

El ejemplo a continuación dibuja un cuadrado en pantalla y lo mueve a la posición exacta en donde hacemos clic con el Mouse.

Para esto:

  1. Declararemos nuestras variables para el cuadrado y su textura
    image
  2. Habilitaremos el Cursor en el juego
    image
  3. Inicializaremos nuestro elemento de cuadrado y la textura
    image
  4. Dibujaremos el cuadrado en la posición inicial
    image
  5. Al detectar un Clic cambiaremos la posición del cuadrado
    image


Posición Incial
image

Al hacer Clic en algún lado

image

4 comentarios: