miércoles, 30 de octubre de 2013

Lectura Recomendada - Desarrollo de Videojuegos 2da Edición

La recomendación de hoy trata de un área que en lo personal me llama mucho la atención, el desarrollo de videojuegos, y es que a pesar de no contar con el tiempo para dedicarle a esta rama del desarrollo, es un sueño que no pienso abandonar.

Mi recomendado es el curso de Desarrollo de Video Juegos, que actualmente va en su segunda edición, y que es auspiciada por la Universidad Castilla La Mancha.

Lo que más me gusta de este curso, es que es material de calidad, no solo en cuanto a contenido, sino también en cuanto a maquetación y diseño de los libros; totalmente en español e incluye las fuentes de los ejemplos desarrollados y es totalmente gratuito.

El modelo de negocio está en impartir los cursos presenciales, los cuales se apoyan en los libros que ya he mencionado, creo firmemente que deberían existir más iniciativas de este tipo, donde el conocimiento se difunda de una forma libre, pero que al mismo tiempo permita a sus autores y auspiciantes percibir ingresos que les permitan continuar con sus valiosas labores como escritores y difusores de conocimiento.

El curso está compuesto por cuatro libros:

Volumen 1 - Arquitectura del Motor

librom1

Escrito por David Vallejo Fernández y Cleto Martin, trata los siguientes temas:

  • Introducción y Herramientas
  • C++ Básico
  • Patrones de Diseño
  • STL y Contenedores
  • Gestión de Recursos
  • Concurrencia
Volumen 2 - Programación Gráfica

librom2

Escrito por Carlos González Morcillo, Javier Albusac, Cesar Mora Castro y Sergio Fernández Duran, trata los siguientes temas:

  • Fundamentos
  • APIs e Interacción
  • Materiales y Texturas
  • Iluminación
  • Animación
  • Simulación Física
Volumen 3 - Técnicas Avanzadas

librom3

Escrito por David Villa, Sergio Pérez, Francisco Moya, Miguel Redondo, Jorge López, Félix Villanueva, Cesar Mora, Miguel García y José González trata los siguientes temas:

  • Jugabilidad
  • C++ Avanzado
  • Optimización y Pruebas
  • Representación Avanzada
  • Plataformas Móviles
Volumen 3 - Desarrollo de Componentes

librom4

Escrito por Francisco Jurado, Javier Albusac, José Jesús Castro, David Vallejo, Luis Jiménez, Félix Villanueva, David Villa, Carlos González, Guillermo Simmross y David Frutos, cubre los siguientes temas:

  • Inteligencia Artificial
  • Networking
  • Sonido y Vídeo
  • Interfaces Avanzadas

Es sin duda un material de excelente calidad, que no debería faltar en nuestra biblioteca virtual, los afortunados que viven en España podrán tomar las clases presenciales, pero para los que no tenemos esta oportunidad, acá les dejo el enlace al sitio oficial.

martes, 28 de mayo de 2013

Lectura Recomendada - Introducción a Node.js a través de Koans de Arturo Muñoz de la Torre

Introduccion-a-Nodejs

En esta ocasión mi recomendación esta recién salida del horno, y se trata de una obra de Arturo Muñoz de la Torre, en la se pretenden establecer unas líneas de aprendizaje de la plataforma Node a través de un recorrido interactivo por sus principales módulos, tanto propios como de terceras partes, con el que introducirse y asentar sus principios básicos de funcionamiento.

Es un libro bastante interesante, al menos en lo que a mi respecta, me atrae la idea de aprender a través de la practica, además que es una iniciativa libre, es decir, que se dispone de el material fuente, y es posible colaborar en el proyecto, ampliando al información, aportando recomendaciones de mejora y mucho mas.

Pueden encontrar mas información respecto de este maravilloso proyecto acá, si desean descargar el libro, o las fuentes.

viernes, 24 de mayo de 2013

Lectura Recomendada - CSS Avanzado de Javier Eguíluz Pérez

css_avanzado

Siguiendo la línea de mi anterior recomendación, les dejo otro libro del mismo autor. En este se tratan aspectos avanzados de CSS, y es sin duda un buen punto de partida para aquellos que deseen adentrarse un poco mas en los aspectos mas notables de CSS.

Dejo claro que trata sobre la versión 2.1, y que es de fecha del 2009, aun así es un excelente material de estudio, es gratuito y completamente en español.

Pueden encontrar su versión imprimible acá, y la versión online acá.

martes, 21 de mayo de 2013

Lectura Recomendada - Introducción a CSS de Javier Eguíluz Pérez

introduccion_css

Hoy les traigo otra recomendación, como siempre gratuita, y es que me han preguntado por una guía de inicio para CSS, y al proceder la consulta de una persona que apenas se inicia en este mundillo, y como suele suceder, no están dispuestos a invertir dinero en libros, menos aun cuando no están en español.

Para su suerte, recordé que hace algún tiempo Javier Eguíluz Pérez publico un gran material al respecto, el cual coloco hoy como recomendación para aquellos que estén buscando material introductorio a CSS en español y gratuito.

Dejo claro que el material trata la versión 2 de CSS, y que la fecha de este es del 2009, pero mas allá de esto es una excelente fuente de información y tengo seguro que será de utilidad para mas de uno.

Pueden encontrar la versión imprimible acá, o la versión online acá.

viernes, 17 de mayo de 2013

Lectura Recomendada – Guía Completa de CSS 3 de Antonio Navajas

librocss3

Resultado de estar siempre buscando fuentes de información (de preferencia libres), me he encontrado con este manual, de la autoría de Antonio Navajas, he de aclarar que no es precisamente una guía para novatos, pero es de bastante utilidad.

En esta completa guía, el autor nos muestra el uso de los nuevos selectores, los pseudo elementos, las pseudo clases y toda una serie de efectos estéticos que abarcan desde la tipografía a las transformaciones 3D.

La mejor parte, es que es material de libre distribución, así que nuestro bolsillo lo agradecerá, esta guía esta disponible para su descarga desde el sitio del autor, o desde acá.

lunes, 13 de mayo de 2013

Tips CSS3 – Colores RGBA

Una de las buenas nuevas en CSS3, es el soporte RGBA, el cual nos brinda la capacidad de usar transparencias. RGBA es similar a RGB, pero con la adición de un canal extra, conocido como canal Alfa el cual define la opacidad de un píxel en una imagen.

Esto quiere decir, que a un elemento que admita transparencia, a los tres canales de color básicos RGB que definen la cantidad de rojo, verde y azul respectivamente del píxel, se añade un cuarto canal, el alfa, que define el grado de opacidad de ese píxel.

En lo que a trabajar en la web refiere, los valores del canal alfa están comprendidos entre 0 y 1, donde 0 significa que el píxel no tiene ninguna opacidad, es decir es completamente transparente y 1 significa que el píxel carece de transparencia alguna, es decir, es completamente opaco.

De esta forma, suponiendo que el color se expresa utilizando una tupla RGBA, los valores { 255, 0, 0, 0.5 } implicaría un píxel de color rojo puro y con un 50% de opacidad.

Ahora veamos como hacer uso de este formato con CSS3, aplicando color al fondo de las secciones definidas.
<td>
    <div class="cuadrado" style="background: rgba(255, 0, 0, 0.2);"></div>
    <div class="cuadrado" style="background: rgba(255, 0, 0, 0.4);"></div>
    <div class="cuadrado" style="background: rgba(255, 0, 0, 0.6);"></div>
    <div class="cuadrado" style="background: rgba(255, 0, 0, 0.8);"></div>
    <div class="cuadrado" style="background: rgba(255, 0, 0, 1)  ;"></div>
</td>
<td>
    <div class="cuadrado" style="background: rgba(0, 0, 255, 0.2);"></div>
    <div class="cuadrado" style="background: rgba(0, 0, 255, 0.4);"></div>
    <div class="cuadrado" style="background: rgba(0, 0, 255, 0.6);"></div>
    <div class="cuadrado" style="background: rgba(0, 0, 255, 0.8);"></div>
    <div class="cuadrado" style="background: rgba(0, 0, 255, 1)  ;"></div>
</td>
<td>
    <div class="cuadrado" style="background: rgba(0, 255, 0, 0.2);"></div>
    <div class="cuadrado" style="background: rgba(0, 255, 0, 0.4);"></div>
    <div class="cuadrado" style="background: rgba(0, 255, 0, 0.6);"></div>
    <div class="cuadrado" style="background: rgba(0, 255, 0, 0.8);"></div>
    <div class="cuadrado" style="background: rgba(0, 255, 0, 1)  ;"></div>
</td>
<td>
    <div class="cuadrado" style="background: rgba(255, 125, 0, 0.2);"></div>
    <div class="cuadrado" style="background: rgba(255, 125, 0, 0.4);"></div>
    <div class="cuadrado" style="background: rgba(255, 125, 0, 0.6);"></div>
    <div class="cuadrado" style="background: rgba(255, 125, 0, 0.8);"></div>
    <div class="cuadrado" style="background: rgba(255, 125, 0, 1)  ;"></div>
</td>

Esto luce así:


También podemos aplicarlo a otros elementos, por ejemplo a un texto:
<div style="color: rgba(200, 0, 0, 0.3);">Texto con transparencia</div>
<div style="color: rgba(200, 0, 0, 0.7);">Texto con transparencia</div>
Esto nos permitirá ver el color de nuestro texto con transparencia, tal como vemos a continuación:

Ejemplo de texto con transparencias

Texto con transparencia
Texto con transparencia

Como podemos ver es muy fácil lograr efectos interesantes usando las nuevas funcionalidades incluidas en CSS3, y con un poco de practica e ingenio no queda mas limite que la imaginación.

martes, 7 de mayo de 2013

Tips HTML5 – Control url

Este es un control de formulario, de tipo gráfico, es un subtipo del control input, el cual nos presenta un cuadro de texto, pero con la ventaja de que trae incluido un mecanismo de validación que verifica la validez de la url ingresada.

Es un control realmente útil, y muy fácil de usar.
<input type="url" name="userWebSite" size="50">

url

Con la adición de CSS podemos lograr efectos interesantes.