martes, 16 de mayo de 2017

MOTORES GRAFICOS- UNITY5

Los motores gráficos son software que nos permiten la creación de videojuegos, con esta herrameinta podemos crear el diseño y la programación de un videojuego.

En esta practica utilizaremos Unity5 engine en su versión gratuita, este es uno de los motores gráficos mas intuitivos, ya que no necesitamos muchos conocimeintos para lograr crear videojuegos sencillos.

Para la realización de la practica seguimos los pasos correspondientes para la creacion de una esfera que se moverá por un plano.
Creamos la esfera le pusimo material, tamaño y creamos el plano para posteriormente programar que se mueva en una aplicación que esta enlazada con unity llamada visual studio. Este es el código que hemos creado para hacer que nuestra esfera se pueda mover por el plano.




Este fue el resultado final, al hacer click en el icono de play podras mover la esfera, ademas agrege paredes alrededor del plano para que la pelota no se saliera de del plano.





AURASMA-BLIPPAR

Aurasma y blippar son apps que tambien nos permiten crear realidad aumentada, en estas apps se eligio un marcador, en este caso una imagen y el contenido con el cual tu podras ver la imagen.

En esta practica nuestro marcador es el favicon que utilizamos en nuestro blog y lo que visualizaremos a la hora de escanear es un video con las entradas al blog.

AURASMA




BLIPPAR

lunes, 15 de mayo de 2017

LAYAR - REALIDAD AUMENTADA

La realidad aumentada, genera capas de informacion virtual, alineada con la imagen del mundo real para lograr una sensacion de integracion

En esta practica utilizaremos una herramienta llamada LAYAR para entender un poquito mas la realidad aumentada.

Lo primero que debemos hacer es crear una cuenta y añadimos una imagen que servira para poder escanearla y ver la realidad aumetada desde una app descargada en tu movil, este fue el resultado.

miércoles, 10 de mayo de 2017

APPS - MOBINCUBE

Las apps son softwares creados para funcionar en un dispositivo movil.

En esta practica crearemos una app con la herramienta mobincube

  • Es una de las mejores aplicaciones gratuitas
  • Tiene version de pago en la que se elimina la publicidad


Cuenta con plantillas predeterminadas para facilitar la creacion de tu app, al finalizar de crear tu app te proporciona un enlace y un codigo QR para poder vizualizarla, mi app es de mi bar favorito.





lunes, 8 de mayo de 2017

INTERFAZ GRAFICA - MOCKUPS

Esta semana aprendimos sobre interfaces graficas, que es la parte del programa que facilita la comunicacion entre el programa y el ususario.

Para el desarrollo de una interfaz es necesario tomar algunos puntos en cuenta:

  • Sketch
  • Wireframe
  • Mockup
  • Prototipo


En esta practica trabajaremos con mockups. Los mockups son fotomontajes que permiten a los diseñadores graficos, web e industriales mostrar al cliente una representacion de como quedara su diseño.

Utilizamos la aplicacion de pidoco, es muy sencilla y puedes agregar imagenes, textos, iconos y lo necesario para crear tus mockups, con esta herramineta creamos una interfaz para la semana cultural en CUM.



martes, 2 de mayo de 2017

AUDIO Y VIDEO

Para esta practica utilizamos Youtube y Soundation, que nos permiten crear videos y efectos de sonido.

El objetivo de esta practica es conocer un poco mas a fondo como se utilizan estas herramientas, ya que  youtube es la pagina mas famosa para la compartir videos, lo que hicimos fue crear y editar un video con esta herramienta desde nuestro canal. Dejo el ejemplo de mi video en el gadeget en la barra derecha.


Tambien utilizamos Soudation, que es bastante sencillo e intuitivo, puedes elegir el sonido que mas te guste y despues arrastrarlo al centro de la pagina web y de esta manera combinar varios sonidos, dejo mi ejemplo en la barra del lado derecho.

miércoles, 26 de abril de 2017

BOOTSTRAP


  • Permite crear interfaces web con CSS y JavaScript
  • El sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. 
En la esta pràctica utilizaremos una plantilla de Bootstrap para editar, elegimos una desde la pagina web y la guardamos en nuestro ordenador.
Yo legi la plantilla cover...



Las primeras modificaciones que se hicieron fue el cambio de titulos y contenido. Para esto se coloca el puntero sobre el texto que quieres modificar y al dar clic derecho seleccionamos la opcion de inspeccionar y nos mostrara esto en la pagina...


Para poder modificarlo debemos copiar la direcciòn que nos da la pagina, para posteriormente buscarla en nuestro HTML y de ahì modificar los textos, como se muestra a continuacion... y hacemos lo mismo para modficar todos los textos de la plantilla.





Tambien se modifico el color del fondo, haciendo lo mismo que en el paso anterior pero esta vez modificando el HTML con el nombre de cover, que se encuentra dentro de una de las carpetas descargadas.