Motores gráficos Unity

Nos vamos a la página Web de Unity y nos descargamos el programa, una vez descargado e instalado crearemos una cuenta nueva y ya podremos empezar con la última práctica. 

Cuando vemos esto en la pantalla es muy fácil:

1. Creamos una carpeta, "Scenes".
2. Después un Folder llamado “MainScene".
3. Hacemos una carpeta nueva llamada, "Scripts".
4. Abrimos la carpeta y creamos un archivo nuevo, "PlayerCrontoller"
• Copiamos este código dentro:

Cuando hemos terminado de añadir los componentes necesarios a cada uno de nuestros elementos (Plano y Pelota), podremos guardar el juego en nuestro escritorio para abrirlo directamente:

Realidad aumentada con Aurasma y Blippar

En la primera práctica con Aurasma utilicé mi Favicon y usé una imagen de una ciudad, pero para poder volver a usar mi Favicon de nuevo y colocar el video tuve que eliminar la práctica anterior y volverla a subir.

Nuevo nombre: VideoBlog_HappyHome

Para compartir: http://auras.ma/s/bIfcH

Resultado final:

Para trabajar con la App de Blippar todo puede complicarse un poco ya que la página web no está muy bien indicada.

Lo primero que tenemos que hacer es registrarnos y después subimos la imagen de nuestro Favicon, si es demasiado pequeña podemos optar por otra imagen, yo he tenido que usar otra.

Cuando lo subimos, le damos a Ajustes y subimos nuestro vídeo creado, lo colocamos donde queramos que se vea al escanear la imagen y el resultado final sería este:

1. Nombre: lauraam2017
2. Código: 511218

Aurasma

Vamos a hablar de la segunda práctica de Realidad Aumentada. Esta vez utilizaremos la App Aurasma, un programa muy sencillo de usar. Esta nos permite ver a partir de nuestro favicon del blog una imagen cualquiera.

Los pasos que debemos seguir serían: 

1. Registrarse.
2. Subir nuestro favicon.
3. Elegir otra imagen, da igual que imagen escojamos, puede ser cualquiera.

Cuando escaneamos nuestro favicon este sería el resultado final:

Layar

Vamos a usar el programa Layar, este programa nos permite crear realidad aumentada en imágenes.

Cuando nos hemos creado una cuenta nueva y totalmente gratuita podemos subir una imagen, la que queramos. Yo he elegido esta:

Después, una vez subida la imagen colocaremos el objeto que queramos que nos salga cuando escaneemos la imagen. Por ejemplo: Vincular tu página web o incrustar el vídeo creado anteriormente en otra práctica. El resultado final quedaría así:

Semana Cultural

Cartel Semana Cultural:

Díptico Semana Cultural:

App Semana Cultural:

Mobincube, creación de una App gratuita

Vamos a crear una App totalmente gratuita en Mobincube. Para ello lo primero que haremos será registrarnos y darle a crear App. Después podremos modificarlo a nuestro gusto usando diferentes plantillas o colores. Podemos inventar un nuevo bar o restaurante o simplemente hablar de nuestro bar favorito, añadiendo información sobre él o imágenes para que sea más atractivo.

Podemos inventar un nuevo bar o restaurante o simplemente hablar de nuestro bar favorito, añadiendo información sobre él o imágenes para que sea más atractivo.

Una vez creada la aplicación añadimos hacemos una captura de pantalla para tener nuestro código QR y lo subimos a nuestro blog en un Gadget.

Resultado final:

Mockup

Creamos una interfaz con Pidoco para la Semana Cultural del CUM. Entramos en la página Pidoco y nos registramos. Una vez registrado ya podemos realizar nuestro calendario para la Semana Cultural.

Para empezar a personalizar nuestra página arrastramos hasta la pantalla lo que queramos ir poniendo (texto, imágenes, gráficas...) También podemos darle el color que más nos guste al texto que pongamos.

El resultado final de nuestro calendario para la Semana Cultural es este:

Cuando hemos terminado exportamos nuestro código HTML a nuestro Index.html y así se añadirá a nuestro blog.

Audio y vídeo con YouTube y Soundation

Ambos son gratuitos y bastante fáciles de usar. Tienen infinidad de audios (Soundation) y vídeos (YouTube) y pueden quedar resultados muy atractivos.

Para empezar nos metemos en la página de Soundation y nos registramos con nuestra cuenta de Google+, p. ej. A continuación accedemos a Studio y ahí podremos hacer "magia". Cada persona puede hacer un ritmo-canción totalmente diferente, el mezclar los sonidos es bastante divertido.

Cuando hemos terminado de crear nuestra BSO para el Blog, le damos a Share y copiamos el HTML para colocarlo en un Gadget.

Para crear un vídeo en YouTube tendremos que hacernos una cuenta (nos servirá la de la universidad) y después nos valdrá con editar un par de vídeos. Podemos unir vídeos, colocar música, ponerle transiciones e incluso títulos o letras de las canciones. Lo personalizamos a nuestro gusto.

Para terminar copiamos el código HTML y lo volvemos a pegar a un Gadget.

Los resultados finales podréis verlos al final del Blog y a la derecha de este.

Bootstrap

Vamos a crear una página nueva con HTML, después haremos una pequeña modificación como es subir una imagen.

Para empezar nos descargamos un Bootstrap gratuitamente, a continuación tendremos 3 archivos con los siguientes nombres: CSS, FONTS y JS.

Nos vamos a ejemplos y elegimos la página que más nos guste, yo he elegido esta:

Cuando tengamos guardada la plantilla y elijamos lo que queremos cambiar hacemos click con el derecho e inspeccionamos, esto nos dará el código HTML de lo que posteriormente cambiaremos.

Abrimos la página descargada con Blog de notas y buscamos el código que vamos a cambiar, yo he nombrado a mis foto: 1/2/3.jpg. Estas son las imágenes:

                 

Sustituimos el código por el nuevo nombre de la imagen:

Y ya podríamos ver la modificaicón desde nuestra página web creada en Bootstrap.

Resultado final: Bootstrap-HappyHome

Archivo JavaScript

Creamos un archivo .js y lo llamamos Javascript, este lo subiremos a Hostinger con lo siguiente: 

En el archivo HTML que habíamos subido en las prácticas anteriores, tenemos que colocar los botones correspondientes para las funciones que hemos creado para el JavaScript. 

Estas funciones nos abrirán ventanas a los 5 minutos de haber entrado en la página, nos darán la bienvenida e incluso nos saludarán, entre otras funciones. También podemos hacer click en "Hazme click!" y nos redirigirá a la página principal de nuestro blog.

Estos son algunos de los ejemplos.

Modificando con JavaScript

Anteriormente habíamos creado dos archivos (HTML y CSS) que subiríamos a la cuenta creada en Hostinguer; estos dos archivos crearían un acceso a nuestro espacio personal desde nuestro blog. 

A continuación creamos otro archivo CSS que llamaremos final3.css, modificamos los colores* (por ejemplo), aunque podríamos cambiar el estilo de fuente. Cuando hemos subido el archivo a Hostinguer haremos una serie de cambios en el archivo HTML que habíamos subido anteriormente. 

Añadimos un identificador al final de <link href="final.css" rel="stylesheet" type="text/css">, solo poniendo: id="estilo"

Colocaremos por encima de <head>:

<script type="text/javascript" language="JavaScript">

function cambio(archivo){

document.getElementById("estilo").href= archivo;

}

</script>

Esto hará que haya una opción que cambia nuestro espacio personal y para ello necesitaremos también "botones" que nos lo indiquen y tendremos que colocarlos justo debajo de la etiqueta <body>

<button type="button" onclick="cambio('final3.css')">¡Cambio de estilo!</button>

<button type="button" onclick="cambio('final.css')">¡Vuelta al inicio!</button>

En nuestro caso se llamarán así, pero podemos personalizarlo a nuestro gusto.

Resultado final:
Inicio:

Cambio:

*http://www.color-hex.com/ 

¿Qué se puede hacer con HTML y CSS?

Entre los desarrolladores web no se habla de otra cosa que de HTML y CSS, ya que está de moda.

A continuación veremos unos ejemplos:

1. Hay una aplicación que te permite dibujar lo que quieras en la pantalla. 

2. Asteroids es un juego antiguo, y ahora se puede jugar fluido y sin tirones.

3. Se pueden crear animaciones en CSS.

4. Se pueden desarrollar juegos en HTML utilizando CSS.

5. También sirve para juguetear con la dinámica de fluidos.

http://www.culturaweb.com/blog/post/ejemplos-de-que-se-puede-hacer-con-html5-y-css3

Hojas de estilo CSS

En primer lugar nos creamos una cuenta en Hostinger completamente gratuita, creamos un subdominio y seguidamente subimos nuestros archivos HTML y CSS que hemos editado con los cambios que queríamos realizar para nuestro blog.

Cambiamos el nombre de nuestro sitio web, redirigimos el enlace a nuestro blog y cambiamos los colores. Aun así podremos hacer las modificaciones que queramos y como más nos guste, ya sea cambiar el tamaño de letra como el color del encabezado.

Resultado final:

Modificación HTML

La variación que hemos realizado con HTML en el Blog han sido el cambio de tipografía y la posición de la cabecera del blog.

• Cambio de fuente en GoogleFont, ya que la fuente que queríamos no estaba disponible.

• Cambio de posición en el título, de izquierda a derecha.

Pegamos el enlace y ponemos dónde queremos que esté situado el título (izquierda, derecha o centro):

Enlace:

<link href="https://fonts.googleapis.com/css?family=Chewy" rel="stylesheet">  

Seguido de: type='text/css'/

Debemos añadir en personalizar-avanzados, en Añadir CSS el siguiente código:

h3.

post-title {

  font-family: 'Chewy', cursive;

}

Encima del primer enlace debemos colocar el siguiente código con la posición en la que queremos nuestro título de  blog:

<style>

h1{

 text-align: right;

  }

</style>

Fuentes:

https://www.euroresidentes.com/tecnologia/trucos-diseno-web/como-usar-fuentes-personalizadas-en-tu

https://fonts.google.com

La evolución de las tecnologías multimedia.

Podríamos definir multimedia como “múltiples medios” y está relacionada con la imagen, el vídeo, el texto y mezclas entre estos mismos componentes. El concepto de Multimedia es amplio, pero vemos que ha ido evolucionando desde que el término empezó a utilizarse desde comienzos de los 90.

Las tecnologías han dado un giro radical, no solo han cambiado sus softwares, procesadores, programas e interfaces, sino que han mejorado mucho la estética de los productos. Tienen mayor impacto visual, flexibilidad, control por parte del emisor y receptor, mayor credibilidad y hoy en día está al alcance de un número elevado de individuos. Ha avanzado tanto que todo esto hace que la gente pueda estar en contacto con cualquier persona que se encuentre en cualquier parte del mundo en cuestión de segundos.  

Fuentes: http://www.monografias.com/trabajos15/tecnologia-multimedia/tecnologia-multimedia.shtml