XNA para Dummies

Conceptos a tener en cuenta

2010-03-02T15:58:00.001-08:00

Conceptos a tener en cuenta

Fundamentos de C#

En este tutorial, intentaremos crear nuestra primera aplicación de juegos, paso a paso, para ir descubriendo y conociendo todos y cada uno de los aspectos de la programación utilizando XNA. Es tan solo un ejemplo muy básico, en el que intentaremos desvelar algunos secretillos sobre XNA y sobre todo aprender, que es de lo que se trata. He seguido algunos tutoriales por ahí y éste es uno que me ha llamado la atención porque la verdad, está todo muy bien redactado y explicado. Intentaré darle un enfoque sencillo para que todos podamos seguir dicho tutorial e iremos paso a paso.

Lo primero de todo, como ya os comenté en una entrada anterior, se han de tener ciertos conocimientos de programación orientada a objetos y conocer el lenguaje de programación C# para sacarle más partido a XNA. Para ello os daré algunas nociones de programación orientada a objetos para que sepáis de qué estamos hablando y podáis seguir bien el tutorial con el mínimo de dudas posibles.

Definición de C#: (pronunciado si sharp en inglés) es un lenguaje de programación orientado a objetos desarrollado y estandarizado por Microsoft como parte de su plataforma .NET, que después fue aprobado como un estándar por la ECMA e ISO.

Fuente: WikiPedia

Vamos a crear un primer proyecto para trabajar estos aspectos iniciales. Nos olvidamos un momento de XNA y de la programación de juegos. Es muy importante que si tus conocimientos de programación son nulos, o son mínimos, deberías seguir este manual inicial para facilitarte las cosas en un futuro, ya que la finalidad de dicho bitácora es que todos aprendamos y saquemos algo bueno de esto, con constancia, buen humor y sobre todo paciencia, mucha paciencia, pues cuando entremos con XNA las cosas se complicarán y mucho. Ya os adelanto esto, pero tranquilidad y buenos alimentos, paso a paso y hay que recordar que esto lo hacemos por placer y por gusto, tomárselo como un reto es otra de las buenas opciones que tenemos para avanzar con fuerza y con vigor.

Bueno, después de esta introducción, comenzamos con el minitutorial de C# y la programación orientada a objetos. Incluiré más material sobre éste tema, porque creo que es importante que la base de programación en lenguaje C# es importante y todo conocimiento es poco para elaborar nuestro cometido aquí. De todos modos comencemos de una vez. Empezamos por abrir el Visual Studio y creando un nuevo proyecto:

(FOTO 1 y FOTO 2)

Haremos clic en Visual C#, después seleccionaremos Windows del árbol “Tipo de proyecto” y en “Plantillas” seleccionaremos “Aplicación de Windows Forms” que es de lo más sencillito y atractivo para el principiante que se me ocurre. Como “Nombre” podemos ponerle por ejemplo “miProgramaCSharp”, en la ubicación seleccionamos el sitio donde guardar la solución y como “Nombre de la solución” pues en mi caso “Ejemplo1”. Un consejo que os doy de aquí en adelante, es que utilicéis los mismos nombres que se describan y se detallen en el manual, porque luego pueden surgir ciertas dudas a la hora de seguir nuevos tutoriales, modificaciones o ampliaciones.

(FOTO 3)

Nos aparecerá el proyecto como en la imagen anterior. Ahora tan solo tenemos que ponernos manos a la obra con lo primero y fundamental. Hagamos en esta primera introducción al mundo de C# nuestro mítico “Hola Mundo”. El “Hola Mundo” es el típico ejemplo que se pone siempre cuando alguien se enseña a programar y sirve para entender lo más básico de los fundamentos de la programación básica. Como se trata de un bitácora para inexpertos, y no tienen porqué saber programar si quiera, pues nos detendremos en esto por ahora unos minutos para proseguir más seguros de nosotros mismos.

Bien, nuestro primer “Hola Mundo” será muy sencillo, pero a la vez muy interesante para que os valláis familiarizando con el entorno de Visual Studio. Ahora lo que tenemos que hacer para efectuar un “Hola Mundo” como Dios manda, es hacer doble clic sobre la ventana que lleva por nombre “Form1” y nos aparecerá en el área de trabajo su código fuente:

(FOTO 4)

Nos encontramos con las siguientes líneas superiores:

using System.Drawing;

using System.Linq;

using System.Text;

using System.Windows.Forms;

Éstas líneas lo que nos indican, si utilizamos la intuición podemos deducirlo, es que éste formulario utilizará los espacios de nombres siguientes para su funcionamiento. Un espacio de nombres es una colección de código en la que se incluyen diversos métodos y atributos reutilizables, puesto que los podremos implementar y usar tantas veces como queramos en tantos proyectos como deseemos, y que realizan funciones para las que están creados. Bien, es una definición algo pobre y no del todo correcta, pero espero que os sirva para ir adentrándoos en el mundo de la programación.

Como podéis observar, nos aparece la palabra namespace en el código de nuestro formulario, más concretamente aparece lo siguiente “namespace MiProgramaCSharp” y luego una llave que abre su cuerpo y contiene una clase llamada “Form1 : Form” y dentro de ésta otras dos llaves que abren el cuerpo de dicha clase y a su vez dos métodos, uno llamado Form1() en cuyo interior aparece “InitializeComponent();” y en el otro método “Form1_Load(lo que hay aquí dentro de momento no nos hace falta)” que no contiene nada y después de esto una serie de llaves, tres para ser exactos, opuestas a las que abrían. Pues bien, eso no es más que el cierre de cada una de las estructuras anteriores.

Bien, para nuestro hola mundo haremos lo siguiente:

(FOTO 5)

Después de esto, presionamos la tecla F5 para compilar nuestro programa y debería de aparecernos una ventana como la siguiente:

(FOTO 6)

Bien, ahora supongamos que queremos decirle Hola a quién arranque nuestro programa. Haremos una serie de modificaciones. Lo primero añadimos éstos controles al formulario, por lo que tendremos que volver a la vista Diseño y darle una apariencia como la siguiente:

(FOTO 7)

Las propiedades de cada objeto, como por ejemplo para darle el nombre a la ventana o formulario que estamos creando, las encontramos haciendo clic derecho sobre el objeto en cuestión y seleccionando del menú emergente “Propiedades” o con el objeto seleccionado presionamos la tecla F4 y en la parte derecha de la ventana nos aparecerá lo siguiente:

(FOTO 8)

Estas por ejemplo son las propiedades del formulario en sí. Es muy importante que le demos nombres a cada uno de los objetos, pues nos servirá para identificarlos después en el código. Así que empezando ya a acostumbrarse. Tendremos que cambiar la propiedad “Name” que está en la parte superior del listado de propiedades. Al formulario le daremos el nombre de “frm_principal” para saber que se trata del formulario principal. Ahora que tenemos pocos formularios, uno tan solo, parece que no es necesario, pero hacerme caso, es muy necesario nombrar cada uno de los objetos con los que trabajemos pues nos facilitará mucho trabajo conocer sus nombres, pues deberíamos siempre por optar a ponerles nombres muy descriptivos para que no se nos olvide. Además hay que utilizar cierta nomenclatura para saber distinguir si se trata de un botón, una caja de texto, una etiqueta,… Para el éste y otros ejemplos utilizaremos la siguiente nomenclatura (aquí sólo menciono aquellos objetos con los que trabajamos hoy):

Objeto	Nomenclatura
Formulario	frm_
Botón	bt_
Etiqueta	lbl_
Caja de Texto	txt_

Y para éste ejercicio los nombres quedarían así:

frm_principal, bt_aceptar, lbl_nombre, txt_nombre

Una vez hayamos dotado de nombres a nuestros objetos del formulario, pasamos a agregar código al botón “Aceptar” haciendo doble clic sobre él. Y nos aparecerá el siguiente código:

(FOTO 9)

Bien, en el método Click de nuestro bt_aceptar añadimos lo siguiente:

(FOTO 10)

Nota: Pongo el código en formato imagen para obligaros a escribirlo, pues es así la mejor forma de aprender, escribiéndolo y no copiándolo J.

Bien, pues es muy sencillo, en el evento Click de nuestro bt_aceptar accedemos a la propiedad Text, que es donde se almacena el texto introducido en el cuadro de texto de nuestro objeto txt_nombre y lo asignamos a nuestra variable “nombre”, más que nada para evitar tener que poner la parrafada de “txt_nombre.Text” cada vez que queramos acceder al contenido de la caja de texto. Después preparamos un formulario de diálogo “MessageBox” con el texto “Hola Pepe!” y como título de la ventanita que se abrirá “¿Qué tal estás Pepe?”, si Pepe fuese el nombre que hemos ingresado en el cuadro de texto, claro está. Nos debería quedar algo parecido a esto:

(FOTO 11)

Bien, pero que pasa si además de nombre, tiene apellido, número de teléfono y correo electrónico. Pues nada, añadiríamos campos de texto con su correspondiente etiqueta y listo, ¿verdad? Pero, ¿Y si tenemos más de una persona que registrar? Bueno, pues entonces podemos pensar en crear clases. Una clase, es una definición de un objeto. Es más complejo de lo que parece llegar a entender esto a la primera, pero paciencia. A ver, tenemos como ejemplo las personas que serán nuestros usuarios, ¿verdad? Pues bien, que nos interesa saber de ellas es lo primero que debemos preguntarnos. Nos podría interesar lo siguiente:

1. Nombre

2. Apellido

3. Fecha de nacimiento (No haremos control de fechas en éste ejercicio para no complicarlo más)

4. Género

5. Número de hijos

6. Correo Electrónico

Por ejemplo, de todos y cada uno de los usuarios que utilicen nuestra aplicación. Pues bien, ¿es posible que todos puedan responder si le preguntas cualquiera de los datos anteriores? Sí, ¿verdad? Tú le puedes preguntar a Pepe por su apellido y te responderá “Fulano”, también si es “Hombre” o “Mujer” o por su e-mail. Y a que también se lo puedes preguntar a María, Juan, Alfonso,… Evidentemente sí, pues todos ellos son personas y las propiedades que aquí detallamos son homogéneas para todos.

Muy bien, pues empecemos a crear nuestra clase “Persona”. Lo primero que debemos hacer es lo siguiente, hacemos clic derecho sobre nuestro proyecto “miProgramaCSharp”, se nos desplegará el siguiente menú, nos dirigimos hasta “Agregar” y allí seleccionamos “Clase…”.

(FOTO 12)

Nos aparecerá el siguiente diálogo, en el que tendremos seleccionada la plantilla de Clase y en el nombre pondremos “Persona.cs”.

(FOTO 13)

Bien, ya la tenemos agregada a nuestro proyecto, ahora vamos a preparar el formulario principal para que se puedan insertar los datos de las personas, pero vamos paso por paso, para que así podáis ver algunos controles más para los formularios, ¿ok? Bien, para agregar la fecha de nacimiento y tener algo más de control sobre los números utilizaremos el objeto “NumericUpDown” que nos ofrece darle al usuario final una serie limitada de opciones a la hora de introducir números.

(FOTO 14)

En la ventana de propiedades de dicho objeto nos fijaremos sobre todo en dos campos “Increment” que lo dejaremos a 1 y el “Maximum” que lo bajaremos de 100 que es como viene por defecto a 31 que es el número máximo que puede tener un mes. Antes decíamos que no íbamos a hacer control de fechas, por lo que se quedará así y listo. Haremos lo mismo para el mes, poniendo el “Maximum” a 12 y en años tendremos que incrementarlo tanto como deseemos. Total no es más que un ejemplo para ver cómo funcionan las clases, pero si queréis, le podéis echar un vistazo al atributo Value de éste mismo objeto, y darle valor de 1970 por ejemplo, así empezará a contar desde ese año y no tendremos que ir desde el año 1 hasta 1980 o cuando sea que haya nacido el usuario final. Lo mismo podemos hacer con el resto de “nud_” (NumericUpDown) e inicializarlos a 1.

(FOTO 15)

Para el género utilizaremos un ComboBox, “cb_genero”:

(FOTO 16)

Y le introduciremos los únicos dos géneros que nuestra aplicación comprende:

(FOTO 17)

En las propiedades del combo modificaremos la siguiente para bloquear la respuesta y limitarla a nuestras dos únicas opciones:

(FOTO 18)

Nos quedaría al final algo así:

(FOTO 19)

Bien, ahora pasamos a la confección de la clase. Lo primero de todo os recomiendo que la borréis entera, todo lo que contiene y la dejéis en blanco.

Vamos paso a paso. Lo primero los espacios de nombres que necesitaremos, que en este simple ejemplo no necesitamos añadir ninguno. Después creamos nuestro namespace y añadimos el resto de código que explicamos más adelante:

(FOTO 20)

En primer lugar asociamos ésta clase “Persona” al espacio de nombres de nuestra aplicación “MiProgramaCSharp”. Una vez hecho esto creamos la clase “Persona” que es lo que nos interesa. En su interior, tenemos al inicio los atributos de éste objeto “Persona”, el nombre, apellido, fecha de nacimiento (para la cual se ha utilizado una estructura para que se vean más formas de trabajar), el género, el número de hijos, el e-mail. Para entender bien éste código, deberéis de saber que son los tipos de datos y para qué sirven. Se intuye que son para identificar el tipo de valor que va a contener nuestra variable, por ejemplo si es de tipo “int” pues significa que contendrá un valor de tipo numérico y éste será entero, también lo hay decimal, float,... Si es de tipo “string” pues es de tipo cadena, para almacenar letras, palabras, frases, caracteres alfanuméricos en general… Y así con los demás. Por ejemplo un tipo interesante, es el tipo “struct” que nos permite crear nuestra propia estructura de datos, como en el ejemplo de la fecha de nacimiento que lo guardamos con tres números (día, mes y año). Si os habéis dado cuenta están como decimal y no como entero, y sí, evidentemente los días, los meses o los años son enteros pero, a causa del objeto que hemos utilizado para introducir los datos en el programa han de ser tratados como decimales. El género es un número entero también, pues almacenamos el índice del combo box y no el texto, es decir, que almacenamos la posición del combo box, (Posición 0 = Hombre, Posición 1 = Mujer).

Creo que en cuanto a la clase, poco más se puede explicar. Todos los atributos (variables) de la misma están como públicos (public) para no tener que andar creando Get y Set de cada uno de ellos, que no son más que una función que devuelve, definida ésta del mismo tipo de datos que la variable a devolver, el valor solicitado. Pero para esto ya tenéis Internet, de investigar más a fondo sobre los fundamentos de programación. Aquí, si que he de acelerar un poquito más, lo siento por los que vayáis algo más rezagados, pero éste blog tratará sobre la creación de videojuegos en XNA y claro, para ello se necesita tener ciertas nociones de programación, por mínimas que sean pero, al menos lo anterior explicado debe estar más que sabido.

Bien, toca hacer unos cambios al diseño de nuestro formulario. Recordad dar nombres a los nuevos objetos que incluyáis al formulario, utilizando siempre la nomenclatura antes indicada, podéis echar un ojo al código fuente del formulario que está más adelante para saber cómo he llamado a cada objeto. Y bien, puedo decir que si he añadido un botón y he modificado el existente, no es por otra razón que por la de que se vea más claro el uso de objetos. En un botón guardamos los datos del jugador 1 y a su vez borra el formulario. Después, al pulsar sobre “Ver” se cargarán los datos de nuevo que estarán almacenados en memoria, pero no desde las variables antes utilizadas, si no de nuestro propio objeto Persona, que hemos llamado “jugador1”:

(FOTO 21)

Ahora pasamos al código que contiene nuestro formulario:

(FOTO 22 y 23)

Aquí vemos el código que contiene nuestro formulario. Tan sólo necesitamos usar dos espacios de nombres (System y System.Windows.Forms). Si os fijáis, aquí podemos ver el primer adelanto a la herencia entre clases, es decir, que un objeto hereda todas las propiedades de otro y se le suman las nuevas que se definan en él. Por ejemplo nosotros ahora tenemos la clase persona, luego podremos crear la clase jugador, y que jugador herede todo lo que contenga la clase persona, pudiendo añadir más características propias de la clase jugador, que no tengan sentido añadir en la clase persona. Imaginaros que una persona es jugador de nuestra aplicación, pues bien, para crear y salvar sus datos crearemos un perfil utilizando la clase jugador, que a su vez usa la clase persona, pero si además de la clase jugador tenemos otra que sea juez de juegos, por ejemplo, pues entonces no tendrá sentido crearle un perfil jugador, crearíamos en su defecto una clase juez que también heredará de persona, pero no tendrá las cualidades que un jugador, si no las propias de juez. Así que podríamos decir que es un árbol con sus ramas, en la copa tendríamos a la clase persona y pendiendo de ella, pero separadas, las clases persona y juez. De éste modo evitamos repetir código en ambas clases, por eso es muy interesante saber que se pretende hacer y aprender a dividir bien las ideas, a la vez que estructurar y organizar nuestro código. Si todo sale bien, podremos reutilizarlo, de tal modo que ahorraremos mucho tiempo.

Bien, es un ejemplo muy chorra sobre cómo utilizar objetos en programación, pero espero que os haya servido para algo. Iremos dándole más caña a este tema creando algo más complejo sobre objetos, así que a refugiaros en los libros y en el gran Dios Google para ir aprendiendo más sobre la programación orientada a objetos y en nuestro caso C#, para que los próximos tutoriales o ayudas sean más entendibles y fáciles de digerir.

Descargar el Ejemplo

Ejemplo XNA 1

2010-03-01T09:57:00.000-08:00

Ejemplo
XNA 1
SpaceWar

Lo primero que debemos hacer es descargarnos el starter kit que contiene el código fuente y los archivos necesarios para compilar el juego en nuestro Visual Basic 2008. Para descargar Space War, hacéis clic aquí.

Una vez descargado lo instalamos:

Una vez instalada, abrimos el Visual Studio 2008 y nos aparecerá la siguiente ventana:
Hacemos lo que muestra la imagen anterior, para crear un nuevo proyecto. Seleccionamos en el árbol de la izquierda Visual C#, XNA Game Studio 3.0 y observamos la siguiente ventana:

Como se aprecia en la imagen anterior, nos aparece "Space War Windows Starter Kit (3.0)" en el apartado "Mis plantillas". Esa será la plantilla que debemos seleccionar para cargar el código fuente de nuestro juego de ejemplo en el que realizaremos algunas modificaciones. Le podemos dar el nombre que deseemos y modificar la ubicación en la que se guardará el código fuente de nuestro juego. Una vez abierto nos muestra la siguiente ventana:

Todo ese texto que nos aparece en el cuadro de trabajo central, no es más que información sobre la aplicación que acabamos de cargar como plantilla para trabajar sobre ella. A la derecha nos aparece el Explorador de soluciones, en cuyo interior nos muestra todos los ficheros de los que se compone éste juego de ejemplo.

Para comprobar que todo ha salido a pedir de boca, haremos clic en el símbolo de Play que hay en la barra de herramientas (), también podemos pulsar la tecla F5 de nuestro teclado o bien en el menú "Depurar"-> "Iniciar Depuración". Tardará un rato en compilar el juego, pero al final debería de terminar cargando y nos aparecerá la ventana de juego:

Los cambios que nos sugiere éste StarterKit son los siguientes. Hay que tener en cuenta, en primer lugar, que se han de tener conocimientos de programación orientada a objetos para poder desarrollar éste tipo de aplicaciones, por lo que si no tienes suficientes habilidades en éste campo, te sugiero que busques ayuda para iniciarte en el mundo de la POO. En éste blog publicaremos artículos de base para aprender a programar orientado a objetos para realizar pequeñas aplicaciones, tanto web como de escritorio, que son algo más sencillas para implementar y comprender e iremos subiendo de nivel poco a poco hasta alcanzar una abstracción más elevada. Pero por el momento, como éste blog acaba de nacer, te podemos sugerir algunos blogs o webs interesantes en las que nos dan buenos ejemplos para iniciarse en la programación orientada a objetos. Suponiendo que has instalado todos los programas requeridos (ir a descargas), no necesitarás nada más, tan solo paciencia y echarle tiempo. Puedes ir mirando éstos tutoriales para ir familiarizándote con la POO.

Pues bien, comenzamos pues con las modificaciones que nos propone el StarterKit. Nos dice, que cambiemos una de las naves del player 1 por un asteróide, para que podamos jugar siendo un asteróide en vez de una nave de combate espacial. Para ello hacemos lo siguiente:

Abrimos el explorador de soluciones (si no está visible, presionamos las teclas CONTROL + W, soltamos y presionamos S)
Desplegamos la carpeta "Envolved"
Hacemos doble clic sobre el fichero "Envolved Shape.cs"
Nos daremos cuenta que aparecerá el código de dicho fichero en el área de trabajo
Tenemos que buscar la región "filenames", para ello podemos ir bajando con el scroll hasta encontrarla en el código fuente, o bien podemos abrir el buscador de VS 2008 presionando las teclas CONTROL + F. Al abrirse ponemos en el campo "Buscar" lo que deseamos, que en nuestro caso es "filenames" y hacemos clic en buscar.
Nos llevará a un pequeño recuadro, que si nos fijamos en la parte izquierda de la pantalla tiene un símbolo +. Hacemos clic en dicho símbolo y se nos desplegarán unas cuantas líneas de código
Es ahí donde deberemos realizar los cambios pertinentes.

Y las modificaciones, tras hacer clic sobre el símbolo "+" son las siguientes:

Con ésto lo que conseguimos es darnos cuenta lo reutilizable que es el código, pues es tan sencillo modificar los objetos en la aplicación y que éstos adopten nuevos roles como modificar esa simple línea. Con ello lo que decimos es que los modelos del player 1 sean de tipo pencil, asteroid2 y wedge. Al decirle que uno de los modelos a elegir es un asteroide, el objeto de nuestra nave, será eso mismo, un asteroide, pero con las características de una nave, con sus propulsores, armas, movimientos... Heredará todas las cualidades de un objeto nave, aun siendo su forma estética un asteroide.

Bien, si hemos compilado y probado el juego, nos daremos cuenta que nuestra nave asteroide, conservaba los colores de la nave original, aun teniéndo forma de asteroide. Pues bien, ahora vamos a modificar ésto para que tenga forma de asteroide sin conservar el fuselaje de la nave espacial. Para ello, un poquito más abajo encontraremos éste fragmento de código:

Lo modificamos del siguiente modo para modificar la textura de nuestra nave. Las líneas que aparecen en color verde, son comentarios que en C# se crean mediante doble barra "//" al inicio de una línea y dichos comentarios contienen el código original, para después poder deshacer los cambios sin cometer equivocaciones. De éste modo nuestra nave ya tendrá apariencia de asteroide, pues la textura cargada para éste objeto, es la de asteroid2.

Aquí podemos ver un ejemplo de cómo queda:

Este es un ejemplo muy, pero que muy básico a la hora de tocar o modificar juegos, pero hasta aquí puedo leer hoy. Se está preparando un pequeño tutorial para crear un juego desde cero y mostraros cómo se hace, pero por el momento es lo único que puedo ofreceros por falta de tiempo. Ahora podéis intentar modificar el juego a vuestro antojo, intentando cambiar texturas, objetos, armas,... Tan sólo tenéis que leer bien el código, intentar comprenderlo y probar a realizar cambios en el mismo.

Espero que como punto de partida no esté mal, pues creo que de lo que se trata es de ir familiarizándose con los métodos de trabajo de XNA muy despacio, para aprender bien y a fondo y no dar nada por hecho o entendido y así llegar al máximo número de lectores.

Tutorial Instalación Visual Studio 2008 Proffesional

2010-03-01T08:14:00.000-08:00

Tutorial

Instalación Visual Studio 2008 Proffesional

Sencillísima instalación de Visual Basic 2008 Proffesional, en éste caso, descargado del MSDN de Microsoft con una cuenta de alumno de la Universidad de Alicante.

Al cargar la imagen ISO desde una máquina virtual o bien desde DAEMON TOOLS, por ejemplo (ver tutorial para cargar ISOs en Windows), o en su defecto grabándola en un DVD, nos aparecerá la siguiente ventana:

Después de hacer clic en instalar Visual Studio 2008, el instalador nos mostrará la siguiente ventana:
Podemos chequear el cuadro que dice "Enviar a Microsoft Corporation información sobre la instalación" o no, es opcional, pero chequearlo sirve para mejorar el producto, por lo que en nuestro caso lo chequearemos y nos aparecerá la ventana en la que debemos de introducir el código de licencia y nuestro nombre (lo he borrado pues la edición MSDN ya lleva implícito el código):

Después el programa de instalación nos pregunta qué queremos instalar, en nuestro caso haremos clic en "Todo":

Una vez completados éstos pasos nos llevará a la ventana de progreso de la instalación:

La instalación tardará varios minutos dependiendo de la máquina en la que se instale, pero además, tardará algo más que de costumbre por haber seleccionado la opción que instala todos los componentes. Pero es más que nada para que se nos quede un entorno completo y nos olvidemos de tener que volver a instalar componentes si los necesitamos en un futuro. Una vez instalado todo nos aparecerá la siguiente ventana:
Hacemos clic en "Finalizar" y terminará la instalación, devolviéndonos a la ventana inicial, pero ahora con más opciones posibles. Ahora toca instalar la librería MSDN haciendo clic en "Instalar la documentación del producto":

Ésto llevará un tiempo, puesto que contiene mucho material, pero merece la pena tenerlo en el equipo, más que nada para tener la versión completamente instalada en nuestro sistema, para olvidarnos de futuras actualizaciones. Y para finalizar:

Ahora el programa de instalación nos devuelve a la ventana inicial una vez más, y hacemos clic en "Buscar las actualizaciones Service Release" para actualizar nuestro software:

Tras hacer clic en las actualizaciones de Service Release, nos abrirá una ventana de Internet Explorer tal que así:

Nota: Se recuerda a todo el mundo, que si no disponéis de una copia original del sistema operativo, ni del sofware instalado, ésta operación no es aconsejada, pues Microsoft está en pleno derecho de bloquearos el sistema completo por detectar una copia pirata de sus aplicaciones.

Y hasta aquí el tutorial para instalar Visual Studio 2008 Proffesional

Tutorial Instalación Windows 7

2010-03-01T06:34:00.000-08:00

Tutorial
Instalación de Windows 7

Tutorial XNA en Máquina Virtual

2010-03-01T05:11:00.000-08:00

Tutorial
XNA en Máquina Virtual

En éste tutorial aprenderemos a crear una máquina virtual, para tener nuestro pequeño estudio de desarrollo de videojuegos. Tenemos que tener en cuenta, que si nuestra máquina anfitrión (la máquina real física, vámos nuestro PC real) es muy deficiente, nuestra máquina virtual irá la pobre pegando tirones, así que ésta opción es simplemente para aquellos que deseen hacer pruebas de sus aplicaciones instalando y desinstalando componentes, programas a mansalva, etc... Y no estropear nuestro sistema de ficheros en la máquina anfitrión.

Para ello, necesitaremos de un programa que cree máquinas virtuales. En el mercado hay varios, pero gratuitos tan solo hay uno, Virtual Box. Sin embargo, el más renombrado es VM Ware, pero éste es de pago, por lo que si no quieres ser un "ilegal" te aconsejamos que descargues la primera opción.

La instalación es muy sencilla, tan sólo has de seguir los siguientes pasos, o leer el manual oficial:

1º Descargamos el instalable:

2º Ejecutamos el instalable y seguimos los siguientes pasos:

3º Es posible que nos aparezca el siguiente mensaje de Advertencia unas cuantas veces, haremos clic siempre en "Continuar":

4º Finalizamos la instalación y ejecutamos el programa:

Ahora procedemos a la creación de la máquina virtual, que en nuestro caso será de un Windows 7 a 64 bits:

Ahora nos aparecerá la siguiente pantalla, para configurar la memoria RAM de la que dispondrá nuestra máquina virtual. Éstos valores variarán según la memoria RAM instalada en nuestra máquina y el máximo será siempre la mitad del total de almacenamiento RAM instalado, en mi caso como tengo 3Gb de RAM, me aparcen 1,5Gb de RAM para asignar a la máquina virtual. Como cuando trabaje con la máquina virtual utilizaré únicamente la máquina virtual, como si del ordenador anfitrión se tratara, le doy el máximo de RAM como muestro en la imagen siguiente:

Ahora nos solicita más información sobre el disco duro virtual a utilizar. Lo más normal es que creemos uno nuevo:

Ahora tan solo queda terminar la configuración de la máquina virtual:

Como podemos observar, las propiedades de la gráfica son demasiado bajas:
Así que procedemos a la configuración de la tarjeta gráfica:

Aquí sucedía lo mismo que en la RAM, nos aparecerá la mitad de gráfica que tenemos, y como tan sólo daremos uso a la máquina virtual cuando la tengamos en marcha, la ponemos al máximo de nuestras posibilidades y habilitamos los dos checkboxes que aparecen abajo, para habilitar la Aceleración 3D y la Aceleración de Vídeo 2D.

Ya tenemos nuestra máquina virtual preparada para iniciar la instalación de nuestro Windows 7. Recordad que para obtener una copia de Windows 7 existen diversos medios, uno de ellos gratuito y legal hasta el 1 de Julio de 2010 en ésta web.

Una vez lo tengamos, bien en DVD o bien en imagen iso, pasamos a configurar la máquina antes de arrancarla del siguiente modo:

Bien ya tenemos nuestra máquina configurada para instalar el Windows 7. En VM Ware la instalación es similar, si entendéis los pasos que hemos realizado en Virtual Box no encontraréis ninguna dificultad.

Ahora podéis leer Tutorial Instalación Windows 7.

Tutorial Instalación Básica

2010-03-01T03:06:00.000-08:00

Tutorial
Instalación Básica

Lo primero que hemos de tener en cuenta es que para desarrollar juegos necesitamos una serie de programas para realizar nuestros proyectos. Es muy sencillo, pues en principio tan sólo hacen falta un par de aplicaciones básicas para iniciarse. Se ha de tener en cuenta que el desarrollo mediante XNA implica, de un modo y otro, trabajar bajo un sistema operativo hijo del grande de Redmond.

Bien, la primera opción para conseguir el sofware necesario, pues para vuestra información, aunque imagino que ya lo intuíais, es de pago, se pueden optar por 3 vías, una de ellas no muy legal y de la que no hablaremos con demasiado detalle en éste humilde tutorial de inicio básico al desarrollo de juegos. Permanece atento a las tres vías que os proponemos, pues hay solución para los estudiantes de Informática de los distintos institutos y/o universidades del globo, que pueden optar, si su institución está unida a la ACADEMIC ALLIANCE (MSDN). Si es así, podréis descargar todo el sofware necesario, con licencias perennes y disfrutaréis del programa completo. Otro de los caminos es descargarse las versiones Express Edition que existen en el banco de descargas de Microsoft. Y la tercera vía, es descargando el sofware desde una fuente no oficial o mediante programas P2P, como Emule o Ares.

1ª Vía: Academic Alliance (MSDN)
Para utilizar ésta vía, lo primero es ponernos en contacto con la administración de nuestra institución docente para saber si ésta inscrita en Academic Alliance o no. Si lo está, deberemos solicitar nuestro nombre de usuario y contraseña para acceder a la misma, además de un hipervínculo para entrar en el portal adecuado, identificarse y poder descargar el sofware necesario.

Una vez tengamos asegurado que nuestra institución posee contrato con Academic Alliance, entramos en el enlace proporcionado por la mísma, nos identificamos y en el buscador de Software introducimos lo siguiente:

Microsoft Visual Studio 2008 Proffesional
Microsoft XNA Game Studio 3.1 (Descarga Directa Fecha: 01-03-2010)
Opcionales:

Y así con el resto de paquetes que se listan arriba. Una vez los tengamos bajados se nos descargará un fichero como éste:
Si hacemos doble clic sobre él, se nos abrirá una ventana para realizar una descarga, la de la aplicación que solicitamos en MSDN. Tan sólo nos pide una opción a elegir, y es la carpeta de temporales. Por defecto viene C:/Temp. Dentro de ésta carpet, o de la que seleccionemos para que se descarguen los instaladores, encontraremos los paquetes ejecutables para realizar la instalación. Una vez finalizada la descarga, si no queréis realizar la instalación en ese mismo instante, podréis coger dicher fichero descargado, y como es mi caso, moverlo o copiarlo en otra carpeta distinta. En mi caso, que me gusta tenerlo todo muy ordenado, he creado una carpeta, dentro de uno de mis discos duros con el nombre de PROGRAMAS, y dentro de la cual se encuentra otro subdirectorio en que guardo las aplicaciones de MSDN. Para cada programa me guardo su Clave en un fichero TXT, y así lo tengo todo siempre a mano y listo para grabarlo en un DVD. Recordad que las copias de seguridad son muy importantes. Y más en éstos casos ya que las licencias MSDN suelen caducar a los dos años o al año de iniciarse los estudios, si ya no se continúa con ellos o si finaliza el curso.

De dónde sacar la clave, os preguntaréis. Pues bien, la mayoría de sofware descargado desde MSDN no necesita clave:
Sin embargo para otros paquetes sí, pero nos aparecerá aquí (la clave es inventada, por lo que no funcionará, eliminé la original):

En fin, muy fácil e intuitivo ésto de utilizar MSDN. Pero, ¿y si no se tiene cuentas en MSDN? Pues no pasa absolutamente nada, lee la segunda vía posible.

2ª Vía: Versiones Express Edition
Éstas versiones, algo reducidas, pero útiles, las ofrece Microsoft para llegar a todos los rincones y a todos los posibles usuarios. La lucha del sofware libre es cada vez una realidad más presente en nuestros días y uno de los métodos de Marketing del gigante de Redmond, es facilitar las herramientas de desarrollo a todos y cada uno de los programadores del Globo mediante programas reducidos pero funcionales de los que, por su puesto, nos vamos a aprovechar.

Descargaremos los mismos que hemos mencionado anteriormente, pero en versión Express Edition:

Una vez descargado el programa, lo ejecutamos haciendo doble clic sobre él y éstos son los pasos para realizar la instalación (tener en cuenta que si se selecciona instalar SQL Server 2008 en la instalación de Visual Studio 2008, no necesitaréis descargarlo):

Fiajores que seleccioné instalar Microsoft SQL Server 2008 Express Edition, por lo que no tendré que bajarlo después, pues se instalará con el mismo paquete (Ver imagen anterior).

También podéis mirar como instalar la versión Visual Basic 2008 Proffesional en Windows 7, haciéndo clic aquí.

Una vez llegados a éste punto, tan solo hay que hacer clic en instalar y tendremos listo el equipo para proceder con la instalación de XNA Game Studio.
Al hacer clic en "Download" nos llevará a la siguiente página:

Una vez descargado procedemos a su instalación:

Posibles errores que nos podemos encontrar:

Si te aparece ésta ventana:

Setup has detected that the .NET Framework 3.5 is not installed on the system. Installing Visual Studio 2008 or Visual C# 2008 Express Edition will fulfull this requirement. Click OK to download de Visual C# 2008 Express Edition or click Cancel to install your own version of Visual Studio 2008.

Es porque no has seguido las instrucciones de éste tutorial. Mal camino amig@ mío. Has de hacer caso en lo que se especifica, tomarte tu tiempo, leer cada línea y seguir dicho manual poco a poco, pues puede que tus conocimientos no sean tan amplios como crees. Éste error se debe a que XNA se alimenta del Framework 3.5, y dicha libreria viene con el Visual Studio 2008 en cualquiera de sus versiones y por lo visto no lo has instalado todavía. Primero has de instalar el Microsoft Visual Studio 2008 en cualquiera de sus versiones, valga la redundancia, y a continuación el XNA Game Studio 3.1 ¿De acuerdo?

Para otros posibles errores con ésta libreria pinchar aquí.

Y si no aparecen errores, que si habéis seguido la guía no tienen porque aparecer, proseguimos con la instalación, teniendo en cuenta que ya tenemos instalada la versión que sea de Visual Studio 2008 (Express Edition ó Proffesional Edition), pasamos a instalar XNA Game Studio 3.1:

Lo primero, como siempre, y aunque much@s de vosotr@s ya conozcáis el funcionamiento de la instalación de programas en entornos Windows, tengo que recordarle a aquellos ni tan si quiera sepan ésto, que haremos doble clic sobre el paquete instalador, que en la versión 3.1 tiene por nombre "XNAGS31_setup.exe".

Ahora nos aparecerá ésta ventana que es para configurar el FireWall de Windows, podéis o no permitir las conexiones de dicha aplicación, pero se recomienda habilitarlas para evitar que hacerlo más tarde si necesitamos las mismas:

Y el proceso de instalación se iniciará en nuestro equipo:

Para terminar el instalador nos brinda la opción de ir al sitio oficial de XNA, como bien se muestra en ésta imagen:

Y el enlace es el siguiente: http://creators.xna.com/en-US/quickstart_main Por si queréis visitar la web oficial de XNA.

Para finalizar, un pequeño consejo, pues si trabajáis con Windows 7 y éste no os proporciona la opción de colocar un acceso directo en el escritorio, es tan simple como hacer lo siguiente:

De éste modo lo tendremos en el Escritorio para utilizarlo cuando deseemos. Ahora bien, probemos que todo éste en órden. Ejecutamos Visual Studio 2008 y nos aparecerá la siguiente ventana, en la que nosotros utilizaremos "Configuración de Desarrollo de Visual C#", pero vosotros podéis elegir la que os plazca, aunque para utilizar XNA, se ha de seleccionar la indicada, pero ésto es más que nada para inicializar la aplicación y que tome valores por defecto, puesto que luego podremos modificar dicha configuración, seleccionando el tipo de proyecto que deseemos crear.

Seleccionamos la opción y hacemos clic en Iniciar Visual Studio. En el momento que hagamos clic en dicho botón, nos aparecerá la siguiente ventana, que no cunda el pánico, leer lo que nos dice y lo entenderéis a la perfección:
Es posible que a demás de ésta simpática ventanita, nos aparezca ésta otra, pero más de lo mismo, si leéis lo que os dice, deberíais de estar muy tranquilos. Uno de los consejos que ya os voy dando, es que LEÁIS todo aquello que os aparezca y no os limitéis a correr despavoridos a Google, muchas veces la solución es más sencilla de lo que parece:

Si al finalizar ésto el Visual Studio se abre, es que todo está perfecto, ahora tan solo nos falta comprobar si podemos o no crear proyectos con XNA Game Studio, para ello podemos ver el Ejemplo de XNA 1

Espero que os halla servido de ayuda éste tutorial y el resto de tutoriales del blog. Irán creciendo con el tiempo y con mis propios avances. Estoy abierto a correcciones, ideas, sugerencias, dudas,... Con lo que sea, dejáis un comentario que siempre serán bienvenidos o al e-mail: zekinash@gmail.com

Anotaciones:
Enlaces de interés