Translate

martes, 16 de mayo de 2017

Creación de un minijuego con el software Unity


¿Qué es Unity?

Unity es una plataforma de desarrollo de motores gráficos. Con ella vamos a realizar un minijuego básico, para explicar las funciones elementales de la interfaz.

Creación de un minijuego utilizando el software Unity:

Descargamos el software de la página oficial de Unity (unity3d.com). Hacemos clic en "Obtener Unity" y seleccionamos la versión gratuita de "Prueba personal":









Descargamos el instalador:



Una vez descargado y antes de ejecutar el archivo .exe descargado, debemos crear una Unity ID. Debemos introducir nuestros datos personales, ocupación, etc. En nuestro caso, como este proyecto es para una asignatura del Grado en Diseño Industrial, nos registraremos como estudiante:



Para acabar, es necesario confirmar la cuenta con un correo que nos enviarán a nuestro correo electrónico:



Ahora sí, ejecutamos el archivo .exe descargado, e instalamos el software de Unity:





Una vez que el programa ya está instalado, lo iniciamos. Nada más comenzar nos pide iniciar sesión con nuestro UnityID, introducimos los datos y continuamos:



Creamos un nuevo proyecto en "New Project" y le ponemos un nombre:






Ahora ya podemos empezar a diseñar nuestro minijuego, esta es la interfaz inicial del programa. Primero, en la parte inferior derecha, pulsamos en "Create" y creamos una nueva carpeta pulsando "Folder". Llamaremos a esta nueva carpeta "_Scenes".

Después, en la parte superior izquierda, pulsamos en "File" y en "Save Scene as...". Guardamos la escena con el nombre de "MainScene" y guardamos haciendo clic en "Save".


Metemos esta nueva escena "MainScene" en la carpeta "_Scene". Basta con arrastrarla sobre ella.

Introducimos la primera geometría en la escena. Pulsamos en "Create", "3D Object"  y seleccionamos un plano "Plane", que cambiaremos el nombre a "Ground". Es importante que los valores que se muestran a la derecha al crear el plano, coincidan con los de la imagen:


Ahora, de igual manera que con el plano, introducimos una esfera en la escena. Para verificar que la esfera está centrada, hacemos clic en "Reset", este comando se encuentra a la derecha de "Transform", pulsando sobre el engranaje.

Renombramos la esfera como "Player" y cambiamos su posición Y a 0.5. Agregamos el componente "Rigidbody" a la esfera. Para ello pulsamos en "Add Component", "Physics" y "Rigidbody":




Ahora creamos otra carpeta en Assets y la nombramos "Scripts". Hacemos doble clic sobre ella para abrirla, y creamos un "C# Script" dentro. A este archivo lo llamamos "PlayerController". 




Hacemos doble clic sobre archivo "PlayerController" para abrirlo y editarlo. Copiamos en él el siguiente código:




Arrastramos el archivo "PlayerController" a Player. Se mostrará entonces en la parte inferior derecha, debajo de la pestaña de "Rigidbody":



Seguimos añadiendo elementos como hemos estado haciendo con el plano y la esfera, hasta que el minijuego esté a nuestro gusto. Podemos añadir cámaras, y modificar el punto de vista de estas, para una mejor visualización del juego. Para ello pulsamos en "Create", "Camera". Podemos añadir texto y otros elementos a la escena:





Después de verificar que el juego funciona correctamente, guardamos la escena y el proyecto en "File", "Save Scene" y "Save Project". Después exportamos el juego, pulsando en "File", "Build Settings...", seleccionamos la plataforma para la que queremos crear el juego, y pulsamos "Build":



Esta es la visualización final de nuestro juego exportado:




martes, 9 de mayo de 2017

Realidad Aumentada con Blippar

¿Qué es Blippar?

Blippar es una aplicación similar a Aurasma y Layar, concebida para crear realidad aumentada asociada a imágenes. La diferencia con éstas dos, es que Blippar necesita un código blipp que hay que introducir en los ajustes de la aplicación para dispositivos móviles, para poder visualizar el contenido en realidad aumentada.

Como hacer realidad aumentada con Blippar.

El primer paso es registrarse en la página de Blippar (blippar.com):





Seleccionamos "Create Project":



Seleccionamos la imagen del Favicon de este blog y pulsamos "NEXT":



Ahora podemos incluir la información que deseemos. Enlaces a las redes sociales, vídeos, imágenes, etc. Primero introducimos el elemento y después importamos el archivo que colocaremos en su interior:





En este Blippar, vamos a colocar el vídeo, como hemos hecho anteriormente en la realidad aumentada con Aurasma. Elegimos el tamaño correcto y hacemos clic en "Preview", para probar nuestra imagen con realidad aumentada.





Si todo funciona bien, publicamos la imagen.

Introducimos este código en los ajustes de la aplicación y escaneamos la imagen para poder disfrutar del vídeo en realidad aumentada:





lunes, 8 de mayo de 2017

Realidad Aumentada con Aurasma


¿Qué es Aurasma?

Aurasma, al igual que Layar, permite crear realidad aumentada en imágenes. De igual manera, esto es visible a través de aplicaciones para dispositivos móviles iPhone y Android.

Como crear realidad aumentada con Aurasma

Para empezar, como es habitual, debemos registrarnos en la página de Aurasma (aurasma.com):



Una vez que hemos iniciado sesión, hacemos clic en "Create New Aura":



Elegimos un nombre para esta proyecto y le adjudicamos una imagen importada desde nuestro ordenador, en este caso, el favicon de este blog:


Una vez que hemos importado la imagen, Aurasma nos permite modificar esta imagen e insertar los elementos de realidad aumentada sobre ella:


Para este Aura, vamos a insertar el vídeo de nuestro canal de Youtube como elemento de realidad aumentada:


Una vez que hemos acabado, hacemos clic en "Next" y nos muestra una ventana donde podemos poner nombre a nuestro Aura y etiquetarlo:


Finalmente, de igual manera que con la aplicación de Layar, con la aplicación de Aurasma, podemos escanear la imagen y se nos mostrará nuestro vídeo de nuestro canal de Youtube en realidad aumentada. Te invitamos a escanear la imagen y disfrutar de nuestro contenido multimedia en realidad aumentada:




Realidad Aumentada con Layar


¿Qué es Layar?

Layar es una herramienta que nos permite crear realidad aumentada en imágenes. Se pueden configurar dichas imágenes para que muestren contenido multimedia al ser escaneados con un dispositivo con la aplicación de Layar instalada. Esta App se encuentra disponible para iPhone y Android.

Pasos para crear una aplicación con Layar.

Para crear la realidad aumentada, primero debemos entrar en la página de Layar (layar.com) y registrarnos:



Es necesario verificar la cuenta haciendo clic en el enlace del email de verificación:


Hacemos clic en "Start now!":


Creamos una nueva campaña en "New Campaign", ponemos un nombre a la campaña y seleccionamos un género temático:



Ahora introducimos la imagen que queremos usar para crear la realidad aumentada. Cuando ya está seleccionada, hacemos clic en "Add page" y "Start editing":







Ahora debemos ubicar los elementos que queremos que se muestren como realidad aumentada en nuestra imagen. Para esta imagen que hemos seleccionado, vamos a colocar un carrusel de imágenes y el favicon de este blog:


Podemos modificar diferentes aspectos como el tamaño, la etiqueta que va a llevar, enlaces, etc.






Cuando ya hemos colocado los elementos, vamos a probar la imagen. Pulsamos en la pestaña "TEST", que nos muestra la imagen sin los elementos de realidad aumentada. Con ayuda de un smartphone con la aplicación de layar instalada, escaneamos la imagen, y la aplicación nos mostrará los elementos de realidad virtual encima de la imagen:






Te invitamos a probar el fantástico mundo de la realidad aumentada. Con la aplicación Layar escanea la imagen, y descubre el maravilloso mundo virtual que existe tras ella: