PATOVERSE

En la última sesión de prácticas, nos adentramos en el mundo del diseño gráfico y la creación de infografías. Utilizando programas como Illustrator y Piktochart, creamos una planti lla para las redes sociales y desarrollamos una infografía de productos de manera innovadora y v isualmente atractiva. Comenzamos con la creación de una cuenta en Code Monkey y generamos un código QR para vincular nuestra cuenta en Linkedin. A continuación, nos ponemos con la creación de una infografía cautivadora utilizando Piktochart. Una vez completada la infografía, subimos el trabajo a la red social Instagram. Finalmente, personalizamos la interfaz del usuario para las redes sociales. A continuación dejamos unas capturas de pantalla de el QR y cómo quedaría la publicación en Instagram

En esta práctica, vamos a crear un juego sencillo utilizando la plataforma Unity. Esta plataforma nos permitirá incluir elementos en 3D y hacer que interactúen entre sí. Para comenzar, abriremos Unity y crearemos un nuevo proyecto 3D. En él, añadiremos una cápsula que llamaremos "player", un plano que utilizaremos como escenario, y una cámara. Antes de empezar a escribir código, añadiremos un componente llamado "character controller" a la cápsula, lo que nos permitirá controlar su movimiento de forma más fácil. En nuestro primer script, llamado "PlayerController", controlaremos la gravedad y el movimiento del jugador. Para ello, añadiremos dos funciones para el movimiento vertical y horizontal, de manera que el personaje tenga una dinámica más realista. El segundo script se llama "PushRigidBody", y nos permitirá hacer que el jugador empuje los obstáculos que coloquemos en el escenario. He intentado compilar el juego, pero me salta un erro

En esta práctica vamos a crear un escenario para un videojuego.  Lo primero que haremos será crear un nuevo proyecto (usaremos el juego de tercera persona como referencia), y un nuevo nivel básico con el que empezaremos. Desde la carpeta starter content vamos a sacar todos los elementos que vamos a utilizar. Como es un nivel de prueba, vamos a usar elementos básicos. Comenzamos importando un mannequin para tomarlo como referencia de tamaño. Construimos una habitación con los elementos de la carpeta arquitectura, y le introducimos modelos como la mesa, silla o lámparas. Colocamos puntos de luz en las lámparas para dar iluminación, y aplicamos materiales a los elementos introducidos. Por último, vamos a crear un pequeño fuego desde la carpeta de partículas, y le colocamos un archivo de audio para que suene cuando te acerques a el. Para visualizar todo, le damos al play y podemos manejar a nuestro personaje.

En esta práctica se nos ha propuesto crear una experiencia de realidad aumentada utilizando diferentes métodos. He elegido el segundo de los propuestos, el cual consiste en segu ir estos pasos: En primer lugar, es necesario abrir una cuenta en Alboom AR, lo cual es muy fácil y gratuito. Una vez hemos creado nuestra cuenta, pasamos al siguiente paso. Crear una nueva colección. Al crearla, deberemos agregar una foto y un vídeo que queramos asociar. El objetivo de esta práctica es que al apuntar con la cámara de nuestro móvil a la foto, se muestre el vídeo que le hemos asociado en realidad aumentada. Finalmente, al terminar de agregar la foto y el vídeo, obtendremos un código que debemos introducir en la aplicación móvil de Alboom AR. Al abrir la colección en la app, escaneamos la foto y ¡listo! Podemos ver cómo el vídeo aparece en realidad aumentada junto a la foto. Es una experiencia realmente interesante y emocionante.

En la práctica de hoy vamos a aprender cómo incorporar un elemento 3D en una página web a través de la creación de un portfolio que muestre un vídeo de nuestro proyecto. Para comenzar, debemos crear una carpeta donde incluiremos el archivo HTML y el CSS. El archivo HTML lo nombraremos como "web3d.html" y el CSS lo llamaremos "estilo_original.css". Es importante recordar estos nombres para que el HTML pueda referenciar el CSS correctamente. En segundo lugar, usaremos la etiqueta <video> para insertar el vídeo en la página web y ajustarlo mediante modificadores como autoplay, muted y loop. Si la página web es solo para uso personal, podemos usar la dirección del vídeo en nuestro escritorio en src. Pero si queremos que s ea una web pública, solo usaremos el nombre del archivo de vídeo en formato mp4. Luego, con el archivo CSS, podemos ajustar el tamaño y la adaptación del vídeo en la página web. Por último , subimos los archivos, incluyendo el vídeo, a un

 En esta práctica vamos a utilizar un código HTML que utiliza Bootstrap. Así, vamos a crear una página como portfolio de nuestros proyectos. El primer paso consiste en crear una carpeta donde incluiremos nuestro archivo HTML y las imágenes que se utilizan en el mismo. A continuación, procedemos a adaptar el código, modificando el texto y las imágenes para mostrar nuestros proyectos y enlaces relevantes. Finalmente, subiremos todo el contenido al servidor gratuito de WebHost para que nuestra página web sea accesible al público mediante un enlace . En resumen, la práctica consiste en utilizar un ejemplo de código HTML como base para crear nuestro propio portfolio personalizado.

En esta práctica hemos aprendido a utilizar JavaScript para agregar interactividad a n uestras páginas web. Después de crear estilos adicionales para nuestra página, los agregamos a la carpeta en nuestro servidor de alojamiento web. Luego, vinculamos un archivo JavaScript externo que nos permitió alternar entre estos estilos en tiempo real, en la misma página. Aunque los estilos no presentan diferencias importantes, aparte del color, es una práctica introductoria. El resultado lo puedes ver en este enlace

E n esta práctica aprenderemos a utilizar estilos CSS para cambiar el aspecto de una página HTML básica. Comenzaremos con una página sin ningún estilo y le aplicaremos un estilo predeterminado llamado "final.css". Después, haremos nuestras propias modificaciones a este estilo para crear uno personalizado llamado "estilo1.css". Por último, alojaremos la página en un servidor y agregaremos un enlace al final del artículo para que puedas acceder a ella.   Durante la primera parte de la práctica, creamos un archivo llamado "pruebapagina.html" en el Bloc de notas y utilizamos el código básico proporcionado en las instrucciones. Como se puede ver en la captura de pantalla, la página aparece sin ningún estilo y de manera desordenada. Como siguiente paso, accedemos al archivo en el Bloc de notas llamado "final.css". En este archivo, copiaremos y pegaremos el código proporcionado en la segunda parte de las instrucciones para aplicar un estilo a la págin

Page Title Sesión Práctica HTML Autoría: Jorge Crespo Martinez de Quel. En esta sesión practicaremos HTML. Este es un párrafo alineado a la izquierda. Este es un párrafo alineado al centro. Este es un párrafo alineado a la derecha. Lista ordenada de trabajos a exponer en SCM. Herramientas páginas web Web 3D Redes sociales App móviles Motor gráfico Unity Realidad Aumentada Motor gráfico Unreal Lista no ordenada. App móviles Web 3D Redes sociales Herramientas páginas web Motor gráfico Unreal Realidad Aumentada Motor gráfico Unreal <b>Horario de SCM </b> Horario de SCM Lunes Martes Miércoles Jueves Vier nes Mañana 11:00 – 15:00 9:00 - 11:00 ---- ---- ---- Visita la página de nuestro centro. Centro Universitario de Mérida