Primeros pasos con jQuery

En el post anterior, “Introducción a jQuery”,  vimos que jQuery es una librería de JavaScript muy importante y relativamente sencilla de usar, sin siquiera tener conocimientos avanzados de JavaScript.

Ahora, vamos a comenzar con los primeros pasos en jQuery, con explicaciones básicas y necesarias para comenzar con esta librería.  Como en el post anterior, ya hicimos un “Hola Mundo”, ahora, partimos de ahí, suponiendo que tenemos el entorno configurado.

 Lo básico, la función “$”

La función básica de jQuery, nos permite seleccionar elementos del DOM, para luego hacer cosas con ellos. Reemplaza el document.getElementById() de JavaScript, solo que con muchas mejoras…
por ejemplo:

La lista con todos los selectores está aqui: http://api.jquery.com/category/selectors/ si tienen tiempo de leerla, la recomiendo, no es muy larga, pero si muy potente y fácil de entender, ademas, cada caso tiene un ejemplo.

Empezando a jugar…  Ejemplos prácticos

Supongamos que seleccionamos una div con $(‘#contenedor’) ahora, podemos empezar a hacerle cambios, de estilo, posición, etc…

Esos son ejemplos de algunas de las funciones simples, más usadas de jQuery. La lista de todas las funciones con ejemplos, la pueden encontrar en este sitio:  http://api.jquery.com/

En el próximo post sobre jQuery, vamos a usar los eventos y efectos visuales.

Si te sirvió, comentá.  Saludos!

XNA: Hot Car RACING by Lordblacksuca

XNA Hot Car RACING

XNA: Hot Car Racing, es un juego de carrera de autos hecho en XNA y Visual C#.

Como ya presente el trabajo en la facultad, ahora libero el codigo fuente.

Se trata de un juego que parece una especie de “Re-Make” del famoso Road Figther de la consola FAMILY, es en 2D y se la cámara tiene una vista “desde arriba”. el fondo se va desplazando hacia abajo y hay obstáculos como manchas de aceite. También el camino tiene algunas curvas y puentes.

La meta es llegar al final del recorrido antes de que se acabe el combustible, para ello deberás tratar de no chocar otros autos ni pisar manchas de aceite. Si no te alcanza el combustible también  hay “Turbos” en el suelo que aceleran el auto, y bidones de combustible que agregan 10 litros más!

En el archivo .RAR van a encontrar el codigo fuente programado en C# y XNA 3.1 en Visual Studio 2008 y ademas la version ejecutable del juego para que lo puedan probar.

FEATURES:

  • Fondo multi imagenes
  • Función para cambiar imagenes de los fondos
  • El auto va mas despacio en el pasto
  • Efecto de aceleracion y desaceleracion BIEN MARCADOS cuando se aprieta la flecha de arriba
  • Manchas de aceite
  • El auto se resbala en las manchas de aceite.
  • Turbo Booster
  • El auto se acelera unos 100KM/H durante un cierto tiempo cuando pasa sobre un turbo
  • Enemigos colocados en los 3 carriles de forma aleatoria.
  • Deteccion de colisiones con 3 circunferencias para el auto del jugador, una arriba, otra abajo, y otra al centro.
  • Deteccion de colisiones con 2 circunferencias para las manchas de aceite.
  • Indicador de combustible para que sea mas interesante
  • En linea recta, sin chocar con nada se alcanza la meta con 100 de combustible
  • Hay algunos bidones que recargan el combustible que se ponen de forma aleatoria en la seguna mitad de la pista
  • SONIDOS, sonidos de impacto sonido de resbalar sonido de motor, sonido al ganar sonido al comienzo

Seguramente este código le va a servir a alguien.

Sin mas palabras, aquí la descarga.

Para jugar a este juego sin compilar el código, es decir, desde los binarios que están en la carpeta “BIN RELEASE” si no tienes Visual Studio instalado, deberás instalar Microsoft XNA Redistributable Framework.

Recuerda que si te sirvió, o si lo mejoraste, por fa vor deja un comentario!

Ante cualquier duda, aquí estoy para responder.

PD: En el menú principal dice, “Presiona F13 para comenzar” es una broma, hay que apretar ENTER para comenzar. El auto luego se maneja con las flechas de dirección.