El blog de Jaime
  • Home
  • Página web


Hola de nuevo a todos. Babylon.js Logo Vector (.SVG) Free Download
Parece ser que me he saltado una de las prácticas de la asignatura pero aquí estoy de nuevo para completar la última tarea. 
Para esta tarea han surgido varios problemas ero ninguno que no tuviera solución. El primero de los problemas apareció al intentar reproducir cualquier archivo de audio ya que no aparecía en ningún momento. Como bien han hecho otros compañeros lo solucioné a través de este enlace. 
El siguiente problema surgió a la hora de intentar que apareciese un modelo 3D propio o descargado, pasaban los minutos y no aparecía nada, solo se reproducía la música. Es por este motivo que se decidió poner un toroide algo modificado y cambiarle el color. 

Para ver el resultado de la práctica podéis visitar mi página web o mediante el siguiente enlace.

Un saludo a todos y muchas gracias por visitar el blog de nuevo. 



Muy buenas de nuevo a todos. Hoy vengo a presentaros nuestra práctica sobre Unreal.

Como es común en la asignatura, cada grupo debe de realizar un trabajo y exponerlo al resto de compañeros y este es nuestro caso. Para esta práctica lo que necesitaremos será instalar Unreal Engine y una vez iniciamos el proyecto borrar todo lo el terreno que nos aparece por defecto. 
Lo siguiente que haremos será crear nuestro propio terreno y añadir las texturas que nos gusten.

Cuando ya hayamos terminado con la parte del terreno lo que necesitaremos será instalar el software Adobe Fuse, el cual nos permitirá crear un personaje y exportarlo a Unreal u otro programa. Para que la práctica quede más completa lo que haremos será añadir una animación al personaje desde la página Mixamo. Esta animación la exportaremos como FBX.

Finalmente solo tendremos que abrir todos los archivos en Unreal y grabar al personaje en acción.

Este es el resultado que obtuvimos los componentes del grupo sobre la animación.



Espero que os haya gustado mucho esta práctica y este software que tiene tantas utilidades. 

Un saludo y espero que nos veamos muy pronto.

Hola de nuevo a todos.

Hoy estamos aquí para presentar la práctica sobre Unity3D y Vuforia para la creación de aplicaciones móviles de realidad aumentada. 
Utilizamos el término realidad aumentada o AR a la tecnología que permite ver la realidad a través de un dispositivo y el cual añade información ficticia a esta realidad. Un ejemplo muy claro son los juegos como Pokémon GO en el cual usamos la cámara del dispositivo móvil para ver lo que está pasando en la realidad y al mismo tiempo se añaden Pokémons virtualmente. Otros ejemplos en los que se puede implementar esta tecnología es en las empresas industriales de automoción como puede verse en este video o como forma de márketing en empresas de todo tipo como hizo McDonald's.

Como puede verse las aplicaciones de esta tecnología son muy amplias y cada vez aparecen más.

Para esta práctica lo que haremos será crear una aplicación móvil la cual reconocerá una imagen target que hayamos elegido anteriormente y una vez la reconozca va a aparecer un objeto 3d que podremos ver de diferentes perspectivas. 

No voy a explicar cómo añadir Vuforia y los complementos para aplicaciones Android en Unity y comenzaré directamente con la escena en Unity.
En primer lugar eliminaremos la cámara que aparece por defecto y añadimos una Ar camera de Vuforia. 


A continuación lo siguiente que tenemos que hacer es pegar la clave de licencia que hemos obtenido desde la página de Vuforia. En esta página solo hay que registrarse y crear un proyecto nuevo. La clave hay que pegarla en la ventana inspector y en opciones de Vuforia.


Lo siguiente que haremos será generar un target el cual la cámara reconocerá. En mi caso he escogido una fotografía que tenía en el teléfono. Este target lo crearemos como una imagen plana.


En el apartado rating aparecerán estrellas las cuales indican la calidad de nuestra imagen y la facilidad con la que puede ser rastrada.


Ahora solo tendríamos que descargar los datos e importarlos a la plataforma de  Unity editor.


Una vez tengamos importados estos datos nos dirigimos de nuevo  la ventana principal y desde Vuforia engine añadimos una imagen. Se pondrá automáticamente la imagen target que hayamos creado y se colocará en el centro.


Finalmente solo tenemos que importar un modelo 3d y colocarlo junto con la imagen target. Tenemos que asegurarnos que este modelo sea un "hijo" de la imagen, es decir, que dependa de ésta como puede verse en la siguiente imagen. 


Ahora solo tenemos que probar que todo funciona correctamente antes de compilar nuestra aplicación móvil. Comprobaremos el funcionamiento pulsando el botón play. 



Como podéis comprobar la aplicación perfectamente y es el momento de hacer el build y compilar la aplicación.


Lo perfecto hubiera sido que en alguna de las muchas veces que he intentado compilar la aplicación me funcionase... pero no.
Casi todas las veces que he compilado la aplicación me ha dado problemas y os voy a hacer un resumen de todos los errores que me han ido apareciendo durante la práctica.

Antes de comenzar con la lista de errores que he tenido y como he conseguido solucionarlos quería decir que hasta aquí la práctica sobre Unity y Vuforia, espero que os haya gustado y que os haya servido de ayuda.




Errores que me han aparecido durante la práctica:


  1. La cámara web del primer ordenador que he usado no era compatible con Vforia y no la detectaba.
  2. Cuando intentaba probar los progresos la vista previa aparecía como una pantalla totalmente negra.
  3. La única vez que pude compilar la aplicación, crear el APK e instalarlo en el teléfono lo único que aparecía en la pantalla era de nuevo una ventana negra.
  4. El 80% de las veces que he compilado faltaban archivos o los directorios a dichos archivos.
  5. No podía subir ninguna imagen target de ningún tamaño ni extensión.
Algunos de los errores anteriores los he solucionado reinstalando la versión de Unity que estaba usando y añadiendo algunas extensiones que faltaban, otros los he resuelto cambiando de navegador web y el que más me duele es no haber sido capaz de finalizar la aplicación correctamente y por lo tanto es el único que no he conseguido solventar. 

Si habéis llegado a este punto y tenéis alguno de los errores que he mencionado anteriormente podéis contactar conmigo a través de comentarios o por correo.

Ahora sí, finalizo esta entrada esperando haber sido de ayuda. Un saludo a todos y nos vemos en la próxima.

Hola de nuevo a todos.

Hoy os os traigo una nueva entrada sobre un tema muy interesante y el cual tiene multitud de aplicaciones, Unity. Unity es un motor de videojuegos multiplataforma en el cual se pueden crear como bien he mencionado en el títulos minijuegos para empezar a aprender cómo funciona el software. Un motor de videojuego hace referencia a un software el cual nos permite crear, diseñar y soporta el funcionamiento de un entorno interactivo. 
Dentro de las funciones típicas que tiene un motor de videjuegos están las siguiente:
  • Motor físico que simule las leyes de la física
  • Motor gráfico para renderizar gráficos 2D y 3D
  • Animaciones
  • Sonidos
  • Inteligencia Artificial
  • Programación o scripting
Para quien esté interesado en instalar este software tan interesante puede descargarlo desde este enlace.

En esta práctica lo que se ha hecho ha sido crear un mapa con diferentes objetivos a conseguir y multitud de enemigos a los que abatir. En función que vamos eliminando enemigos obtendremos direferentes armas y elementos que nos facilitarán el poder acabar el juego. Una vez que hayamos eliminado a todo los oponentes y pasado junto a todos los untos resaltados podremos estar orgullosos de haber conseguido terminar.

A continuación os dejo con algunas imágenes tanto del mapa completo como algunas capturas de diferentes zonas de éste y finalmente un enlace a dicho juego para que podáis probarlo y un pequeño vídeo gameplay del mapa (me costó varios intentos terminar).













Aquí tenéis el enlace al juego para aquellos que quieran probarlo aunque también podéis encontrarlo en mi página personal.

Espero que os haya gustado mucho esta entrada como a mi realizar este mapa. 


Un saludo y nos veremos muy pronto.
Buenas a todos de nuevo. 

Hoy os traigo una nueva entrada con un tema muy interesante, la realidad aumentada. Se lleva hablando de este tema desde hace mucho tiempo pero, ¿realmente sabemos que es? Bien, la realidad aumentada es una tecnología que nos permite introducir elementos virtuales sobre nuestra realidad que es lo mismo que superponer un elemento virtual a lo que estamos viendo en el momento. 

Para poder disfrutar de esta tecnología no necesitamos nada especial, solo necesitamos un dispositivo con cámara y un marcador. El dispositivo necesita una aplicación capaz de descifrar el código o información que contiene el marcador. Cuando la cámara termina de interpretar toda la información aparecerá en la pantalla del dispositivo aquel elemento en 3D que contuviese el marcador y de esta manera parecerá que está en la realidad. 

Para practicar con la realidad aumentada usaremos el marcador HIRO y con un código HTML crearemos diferentes objetos para que puedan ser vistos con esta tecnología. Comenzaremos por lo más fácil, unas esferas y un cubo.



Si queréis probar esta primera práctica podéis pasar por mi página web en la que tendréis un acceso directo a los archivos creados. Con el marcador HIRO mencionado anteriormente debería de funcionar correctamente.

Estoy intentando poner un archivo gltf, en el momento que lo consiga os volveré a escribir una nueva entrada pero hasta entonces espero que os haya sido de utilidad esta entrada.

Un saludo y nos vemos pronto.

Buenas a todos de nuevo. Hoy os traigo una nueva entrada, esta vez sobre la creación de una aplicación móvil que funcione como una calculadora. Lo primero que hemos hecho para crear esta aplicación es registrarnos en la página pinchando aquí . Una vez registrados comenzamos abriendo un nuevo proyecto y nombrándolo como calculadora. Tras crear el proyecto lo siguiente que debemos de hacer es diseñar el aspecto de nuestra app y añadir tantas páginas como necesitemos.

 

Como podéis comprobar se han añadido los diferentes componentes a la derecha, desde cajas de texto, texto simple o botones. Estos bloques se añaden cuando son arrastrados desde la ventana de "User Interface" a la pantalla del teléfono que aparece en la ventana central.

Cuando ya estén todos los componentes a nuestro gusto es el momento de pasar a crear los bloques en el apartado de bloques que aparece en la parte superior derecha. 


Para crear la calculadora será necesario crear un código de bloques que contenga todas las variables que necesitamos y las referencias a los botones que hemos creado para las diferentes operaciones. El aspecto del código tiene que ser similar al siguiente:

En los tres primeros bloques lo que se ha hecho es definir las variables globales, dos para los números que se introduzcan y la otra para el resultado de la operación. Los cuatro bloques siguientes son los que hacen posible la operación matemática, explicaré el primero de ellos que es el de la suma ya que el resto son prácticamente iguales con la única variable entre ellos del bloque azul que es el que designa la operación matemática.
El bloque comienza con un condicional "When" seguido de un "Button" y finalmente con "click do", esto quiere decir que cuando se pulse el botón que le indiquemos hará lo siguiente que esté dentro de ese bucle, si no se pulsa el botón no entrará en el bloque.
Dentro del bloque lo que hacemos es asignar a cada variable que habíamos iniciado en 0 el valor del número que escribimos por el teclado y con esas dos variables ya actualizadas operar. Finalmente lo que hacemos es asignar el valor del resultado de la operación a una variable resultado y mostrará ese valor por pantalla.

A continuación os dejo unas imágenes en las que se puede ver la app funcionando en el teléfono móvil.









Espero que os haya gustado mucho este nuevo contenido, a mi me ha gustado mucho poder crear mi propia app y espero que os haya sido de ayuda para crear la vuestra propia. Os dejo un código con el que podéis abrir la aplicación en vuestros dispositivos.


Un saludo y nos vemos en próximas entradas.

Los códigos QR son una evolución del código de barras y permiten representar en un gráfico bidimensional más de 4000 caracteres alfanuméricos. Estos códigos pueden almacenar tanto una URL que te redireccione a una página web, como un PDF o incluso imágenes. 

Gracias a la aplicación KAYWA pude crear diferentes códigos QR para mi blog personal, mi página web o mis redes sociales. 

En este código que te llevará hasta mi blog personal se ha cambiado el color tanto del posicionamiento como de las líneas de datos. 


Para que pueda ser correctamente escaneado con cualquier aplicación debemos de asegurarnos que los colores tienen el suficiente contraste. De no ser así podría haber algunas ocasiones en las cuales no se detecte correctamente el código.


Este código conecta con mi cuenta de Istagram a la que te invito a ver mis publicaciones. Ambos códigos serán añadidos a la página web.





La otra parte de la práctica es realizar una infografía. Para quien no sepa de lo que estoy hablando, una infografía es una colección de imágenes, gráficos y texto simple que resume un tema para que se pueda entender fácilmente. Este tipo de información es más efectiva que un simple texto debido a que captan más la atención del lector y de un simple vistazo puedes hacerte a la idea de lo que se pretende comunicar. 

En mi caso he decidido realizar una infografía sobre las ventajas que tiene dar las clases online, ya que es lo que nos espera a los estudiantes las próximas semanas debido a la situación de emergencia sanitaria que estamos viviendo. 

Para terminar, puedes dejar un me gusta o compartir esta publicación pulsando los siguientes botones.


Esto ha sido todo por hoy, espero que les haya interesado el contenido y nos vemos en próximas entradas :)




Resultado de imagen de wix


En el siguiente artículo adjuntaré un enlace al portfolio elaborado en Wix.
Este portfolio cuenta con algunos de los proyectos llevados a cabo durante el desarrollo de las asignaturas del grado de Ingeniería en Diseño Industrial y Desarrollo de Productos.

Puedes echar un vistazo a mis proyectos pinchando aquí . Como puedes observar hay proyectos de diferente naturaleza, tanto de diseño gráfico, diseño 3D, dibujo e incluso algunos proyectos que se han llegado a materializar.

Espero que les haya gustado mi portfolio y sin más dilación, nos volveremos a ver en siguientes publicaciones.
Un saludo.
Entradas antiguas Inicio

ABOUT ME

¡Hola a todos! Mi nombre es Jaime y estudio Ingeniería en Diseño Industrial y Desarrollo de Productos en la UEX, este blog está destinado a la asignatura de SCM.

Visitas al Blog

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Blog Archive

  • mayo 2020 (2)
  • abril 2020 (3)
  • marzo 2020 (3)
  • febrero 2020 (3)

Pages

  • Página principal

Designed By OddThemes | Distributed By Blogger Templates