lunes, 15 de mayo de 2017

UNITY 5 - MOTORES GRÁFICOS

     Un motor gráfico es una herramienta indispensable para la creación de vídeo juegos. Permite la creación, el diseño y la representación del juego.

     Sin un motor gráfico simplemente no se puede tener un vídeo juego. En esta práctica utilizamos UNITY 5, de los motores más completos y gratuitos, en este desarrollamos una parte de un juego para entender lo básico de la interfaz y lo sencillo que puede ser utilizarlo.



lunes, 8 de mayo de 2017

AURASMA - BLIPPAR (RA)

     Aurasma y Blippar son otras herramientas que nos permiten crear realidad aumentada. En ambas se eligió un marcador disparador (imagen) y el contenido con que se va asociar.

     Nuestro disparador es nuestro favicon y el contenido que se mostrará es un vídeo con un resumen de nuestras entradas al blog. 

AURASMA: 



BLIPPAR: 


LAYAR - REALIDAD AUMENTADA

     La Realidad Aumentada es un generador de capas de información virtual alineadas con la imagen del mundo real para lograr una sensación de integración, aclarando, no es lo mismo que la Realidad Virtual. 

     Un buen ejemplo de realidad aumentada es el oculus, los googles glass. En esta práctica utilizamos una aplicación llamada LAYAR, para entender la realidad aumentada. 

     La aplicación es muy fácil de utilizar, muy intuitiva, y te permite entender con facilidad de lo que es que se esta hablando. Sólo creamos una cuenta, agregamos una imagen en donde queramos añadirle ya sea imágenes, vídeos, enlaces y estos puedan ser escaneados desde tu móvil descargando la aplicación en el mismo. 

     Mi resultado fue el siguiente: 

-Desde el ordenador


-Desde el móvil





miércoles, 26 de abril de 2017

CREACIÓN DE APP - MOBINCUBE

     Mobincube es una herramienta gratuita que nos permite crear apps de manera sencilla. Mobincube cuenta con plantillas con diferentes temas dependiendo de lo que se tratará tu app, para los no expertos, pero para los expertos tienen la opción de comenzar desde cero.

     Al finalizar tu app te dará un enlace y un código QR para poder visualizarla. Al principio resulta un poco confuso crear el diseño deseado pero conforme le vas moviendo se vuelve más sencillo, sólo es cuestión de paciencia.

     Aqui les dejo el enlace de mi app de mi bar favorito y el QR se encuentra en la barra de los gadget.

                                 http://mobincube.mobi/HVAV7A


martes, 4 de abril de 2017

MOCKUPS

     Los Mockups son fotomontajes que nos permite visualizar de una manera profesional como se verá el trabajo dentro de la vida real. Facilita la comunicación entre diseñador y usuario.

     Existen diversos tipos de mockups:

- Libros 
- Publicidad exterior
- Revistas / catálagos 
- Sketches
- Dispositivos 
- Interfaces, entre otros. 

Existen diferentes herramientas que nos apoyan para realizar estos tipos de mockup. En esta ocasión utilizaremos Pidoco. Esta herramienta es muy sencilla de utilizar, ya que puedes añadir iconos, imágenes y demás cosas para poder crear tu mockup, si apenas vas iniciando.

     En esta práctica realizamos una interfaz sobre la semana cultural utilizando Pidoco, la mía a quedado de la siguiente forma. 


miércoles, 29 de marzo de 2017

HERRAMIENTAS VIDEO Y AUDIO

     En estas prácticas exploramos youtube y soundation, la primera creadora de vídeos y la segunda una página web en donde puedes crear diferentes efectos de sonidos. 

     El objetivo era conocer un poco más de estas herramientas. Youtube como sabemos es de las páginas web más famosas para compartir y crear vídeos, lo que realizamos fue crear uno desde tu canal y resulto demasiado sencillo. Mi ejemplo se encuentra en un gadget de lado derecho. 


     Soundation contiene miles de sonidos gratuitos con el que puedes crear el tuyo de una manera súper sencilla, le das clic en studio y elijes los sonidos que más te gusten, los arrastras a la parte central de la página web y creas tu combinación, lo último que tienes que hacer es guardarlo y compartirlo. Mi ejemplo se encuentra en un gadget de lado derecho. 

Interfaz de soundation: 

lunes, 27 de marzo de 2017

BOOTSTRAP

     Bootstrap permite crear interfaces web con CSS y JavaScript, añadir funciones y cambiar los estilos de la página. 

     En esta práctica elegimos una plantilla desde Brootstrap y la guardamos para poderla modificar por medio de los archivos HTML, CSS y JavaScript.

     Yo elegí la platilla de Cover, que se ve así antes de hacerle modificaciones: 


     Las modificaciones que hice fueron el cambio de los textos; ¿Cómo lo hice?: Seleccione el texto, le di clic derecho- inspeccionar- copie la dirección que me dio- abrí el archivo HTML- edición- buscar- pegue la dirección y me manda directamente al mando, a continuación sólo cambio los textos y guardo. 

     Para cambiar el fondo: Damos clic en cualquier parte de la pantalla-inspeccionar y direcciona a lo siguiente: 


Buscamos en las carpetas descargadas la extención cover.css:27 y buscamos el background dentro del <body>: 

Y el resultado es: