Destacados

Más
Domingo, 21 de septiembre, 2014

Formatos de video: Todo lo que deberías saber

19 +20K

Todo lo que deberías saber sobre los formatos de video: contenedores, códecs, AVI, DIVX, XVID, MKV, OGG, WEBM, VP9, HEVC, AAC, H.264... Aprende a diferenciarlos y convertir entre formatos.

Actualmente existe una amplia variedad de formatos de video disponibles para almacenar contenido multimedia en un archivo y reproducirlo en nuestros dispositivos. Dependiendo de este formato (y de otros múltiples factores) el video tendrá, básicamente, una calidad de video diferente y un tamaño de archivo más o menos pequeño.

Sin embargo, si no estás muy al día en estos temas, es posible que te pierdas desde que entremos en conceptos como formatos, codecs, contenedores o entre la terminología relacionada como AVI, MP3, MP4, DIVX, XVID, OGG, MKV, OGG, FLV, MPG, VP9, HEVC, AAC, H.264, AVC y un largo etcétera.

En esta breve pero detallada guía nuestro objetivo será explicar la diferencia entre todos estos conceptos, muchas veces confusos, separando claramente términos como "formato de video contenedor" y "códec de video", además de aprender por el camino una sencilla y práctica forma de convertir videos a diferentes formatos.

Esquema de un formato contenedor

Para empezar, debemos tener clara la diferencia entre estos dos conceptos que suelen confundirse muy a menudo: el formato contenedor y el códec de video. El primero de ellos es realmente el formato del archivo, el que lo envuelve todo (audio, video, etc...), mientras que el segundo es el formato relacionado directamente con la parte de video:

Formato contenedor

Pero veamos una descripción de cada concepto para tenerlo aún más claro:

  • Formato contenedor: Un archivo de video suele tener un formato contenedor determinado, como podría ser AVI, MP4 o MKV, por ejemplo. Como su propio nombre indica, un archivo con este formato contiene en su interior varios elementos (generalmente y como mínimo, video y audio). No obstante, es posible que sólo incluya uno de ellos, o por ejemplo múltiples canales de audio (para disponer de varios idiomas de un mismo archivo). Algunos formatos contenedores también permiten incluir otros elementos como imágenes o subtítulos integrados, sin necesidad de archivos externos.

  • Códec de video: Suele confundirse con el formato de video, pero realmente no es lo mismo, ya que está relacionado con el video contenido y no con el formato contenedor. No es un elemento obligatorio, ya que si no se especifica un códec, el video es contenido en RAW (sin comprimir), llegando a ocupar muchísimo espacio (por ejemplo, 200MB unos 10seg). Por esa razón, generalmente se elige un códec para comprimir el video. Dependiendo de la elección del códec, se conseguirá mejor o peor calidad, y a su vez, mayor o menor tamaño.

  • Especificación de video: Cada códec de video suele estar basado en una especificación concreta de video (H.262, H.263, H.264...), que no es más que un conjunto de normas que definen como debe comportarse. Esto nos puede servir de orientación para saber si un códec es más o menos reciente que otro.

  • Códec de audio: De la misma forma que ocurre con el video, tenemos posibles canales de audio incluidos en el archivo. También suelen estar comprimidos con un determinado códec para ahorrar espacio: MP3, OGG Vorbis, WMA...

Una vez teniendo claro esto, vamos a dar un repaso a los formatos contenedores más populares y los códecs de video que suelen utilizar (esto no implica que no puedan ser utilizados también en otros formatos contenedores):

Formato AVI (Microsoft, 1992)

Formato AVI (DivX, XviD)

Quizás, con toda probabilidad, uno de los formatos contenedores más conocidos sea el AVI (Audio video interleave). Fue desarrollado por Microsoft en 1992 y es uno de los formatos que más se han popularizado, quizás por su amplio uso en plataformas Windows. Al ser uno de los primeros formatos contenedores es de los más básicos y solamente permite canales de audio y video (aunque se pueden incluir múltiples de ellos, si se desea).

Si nos centramos en los códecs de video, el formato AVI acepta casi prácticamente cualquier códec compatible con VFW, pero los más utilizados suelen ser los conocidos DivX o XviD (el cuál es un bifronte del anterior).

Códec DivX

DivX se popularizó en su versión 3.11 y no era más que una versión modificada de un codec de Microsoft. Posteriormente, y debido al éxito que tuvo, reescribieron el código para no vulnerar patentes de Microsoft. Sin embargo, el proyecto DivX se volvió propietario, generando una tremenda diferencia de ideas y provocando el nacimiento de un codec hermano libre: XviD.

Relacionado con DivX estuvo la plataforma Stage6 que era una especie de Youtube que permitía subir videos de gran calidad para la época. Sin embargo, no tuvo la financiación necesaria y fracasó económicamente.

URL | DivX

Códec XviD

XviD se popularizó a raíz del detrimento que experimentó DivX, superándolo debido a su buena calidad, eficiencia y su carácter de código abierto. Además, también empezó a soportarse en una gran cantidad de reproductores de DVD caseros, donde quizás, uno de los primeros que destacó era el KISS DP-450.

Aunque actualmente existen códecs técnicamente mejores, XviD sigue siendo actualizado y se sigue utilizando debido a su popularidad, velocidad de compresión y buen rendimiento.

URL | XviD

[...]

Queda el 69% del artículo
Leer artículo completo

EOF (End of file)
Domingo, 3 de agosto, 2014

42 curiosidades sobre The Stanley Parable

11 +10K

Curiosidades, finales alternativos, secretos, huevos de pascua y teorías sobre el maravilloso videojuego The Stanley Parable.

Pocos juegos existen con la capacidad de sorprender y entretener como lo hace el maravilloso The Stanley Parable. ¿Cuál es su secreto? Probablemente su increíble y genuina mezcla de humor, ingenio y frescura, pero sobre todo la capacidad de innovar mediante una elegante aventura no lineal repleta de divertidos e inesperados gags.

URL | The Stanley Parable

The Stanley Parable toma las riendas del género de ficción interactiva, una aventura donde el curso del juego se va modificando dependiendo de las decisiones o acciones que toma el jugador (una de las piedras filosofales del mundo de los videojuegos), al estilo de los clásicos libros de Elige tu propia aventura, pero llevándolo a un entorno de juego similar al del Portal, puesto que utiliza Source, su mismo motor. Está escrito y diseñado por Davey Wreden y William Pugh, mientras que la voz del narrador es de Kevan Brighting.

Cuidado spoilers: Si no has jugado a este juego y planeas hacerlo, este artículo desvelará partes importantes del mismo. The Stanley Parable no es un juego normal y merece mucho la pena jugarlo sin estar sobre aviso de lo que nos espera.

1. Finales de The Stanley Parable

Como comentaba antes, una de las características más llamativas es la posibilidad de cambiar el curso de la aventura dependiendo de nuestras decisiones. The Stanley Parable está creada de una forma magistral, puesto que a pesar de ser un juego relativamente corto, garantiza horas y horas de diversión debido a su no-linealidad y la gran cantidad de bifurcaciones y opciones alternativas. Para hacernos una idea he creado el siguiente diagrama de flujo donde se pueden ver la mayor parte de las decisiones del juego y sus posibles finales:

Si te cuesta leerlo, aquí lo tienes en alta resolución: The Stanley Parable endings.

2. The Stanley Parable en Español

En el juego somos Stanley, el empleado número 427 de una gran compañía. Nuestro trabajo es simplemente pulsar los botones que nos dicen a través de un ordenador (un trabajo fantástico), pero un día y de repente, dejamos de recibir órdenes...

El juego está subtitulado en español (con voces en inglés) y se puede adquirir en Steam. Sin embargo, como se puede ver en el video anterior, con voces en español, existe un proyecto de doblaje de The Stanley Parable al español a cargo de José Francisco Castellano (doblaje) y Francisco J. Galdo (traducción).

3. La versión del narrador (Freedom Ending)

Sin duda alguna, si alguien tiene protagonismo en este juego es el narrador. Al comenzar el juego, podemos escuchar al narrador, que va relatando la historia. Lo obedecemos a pies juntillas y vamos conociendo su propia versión de los hechos, llegando al Freedom Ending (la historial real), muy dirigida, consistente y con cierto sentido, pero carente de detalles.

Desde mi punto de vista, es la elección que debemos realizar la primera vez que jugamos (y la que probablemente, la mayoría de los jugadores realiza en su primera partida):

A grandes rasgos, la historia muestra que todos los empleados de la compañía han desaparecido. Entonces, Stanley descubre que en realidad la compañía es una gran instalación para controlar las mentes de los empleados y manipularlos. Stanley apaga y desactiva el sistema y sale al exterior, sintiéndose liberado.

Pero la genialidad de este juego radica en la posibilidad de cambiar la historia en prácticamente cualquier punto del mismo, como iremos viendo a continuación.

4. Elementos aleatorios en el juego

Además, en cualquier momento de la partida podemos acceder al menú y reiniciar la partida. En principio, un gesto inocente, sin embargo, el juego se encarga de introducir nuevos elementos de forma aleatorio o disparándose cuando el jugador realiza ciertas acciones que sólo sus programadores conocen.

Por ejemplo, si reiniciamos el juego varias veces seguidas y somos avispados, nos podremos dar cuenta de que hay muchos detalles diferentes: los diálogos del narrador cambian, a veces se escucha llover en el exterior, la oficina no es igual siempre (cambia el diseño y la dirección de las habitaciones), etc...

Por ejemplo, si reiniciamos varias veces el juego, una de las posibilidades es que nos aparezca el denominado WhiteBoard Ending, que se caracteriza por mostrar una oficina con tonalidades azules, como bien dice la pizarra del interior de la habitación 426:

Además, la pizarra muestra un truco secreto avanzado. Si en la consola del juego (ver más adelante) escribimos «bark», cada vez que pulsemos la tecla de acción E, ladraremos.

5. El supuesto error de clipping (Window Ending)

Muchos gamers, en lugar de disfrutar del juego, tienden a intentar buscar errores a modo de hazaña, consiguiendo posicionar al jugador en un lugar al que técnicamente es imposible llegar, para luego mostrarlo en foros o sitios de Internet a modo de trofeo.

Como parodia a este comportamiento, en The Stanley Parable es posible llegar a un final muy curioso. El juego tiene los saltos deshabilitados (de hecho, si pulsas espacio varias veces desbloqueas el logro «No puedes saltar»), por lo que resulta especialmente llamativo que acercándote al puesto 434, puedes subirte a la silla, luego al escritorio, agacharte pulsando CTRL, acercarte a la ventana y meterte por ella.

Hasta este momento, el jugador normalmente piensa que ha burlado las restricciones del juego, pero es ahí donde el narrador te sorprende diciendo:

«Al principio Stanley asumió que había roto el mapa, hasta que oyó esta narración y se dio cuenta de que era parte del diseño del juego[...]. Entonces admiró al juego por su profundo e ingenioso comentario sobre la naturaleza de la estructura en videojuegos y su examinación de clichés de estructuras narrativas.»

Un poco más tarde, muestra un mensaje preguntándote si ya estás cansado de este gag. En caso afirmativo, se ofende y se propone amargarte la existencia cantando una canción con rimas, y en caso negativo, continua divagando y reflexionando sobre la mecánica de los videojuegos con finales alternativos.

6. La impresora suicida

Al salir de nuestra habitación, vemos varios puestos de compañeros (431, 433, 436...). Tras el panel 431-346 se encuentra la impresora suicida. Si nos acercamos a los dos papeles que ha impreso y lanzado al suelo, veremos lo que parece un pequeño poema-carta de suicidio.

La primera página dice lo siguiente:

«Por el amor de Dios / por favor / desenchúfame
Esta oficina estéril / la húmeda moqueta / las tonterías que tú llamas conversación
Mátame
He estado imprimiendo varias semanas / ¿Por qué nadie me ha desenchufado aún?
Lánzame por la ventana / Pon un martillo en mi bandeja / El método no importa
El horror besa mi alma
Todo lo que deseo / Mi liberación»

La segunda, reza el siguiente texto:

«¿Qué puedo saber de la vida?
¿Qué puede una impresora saber del amor?
Nada
Mis mecanismos giran / y tiemblan
Los engranajes de dolor / que mantienen mi escáner funcional
Haz que paren / Haz que borren mi ignorancia del mundo
¿Puede el amor verdadero ser algo que no sea muerte?
Lo sabré pronto.»

[...]

Queda el 85% del artículo
Leer artículo completo

EOF (End of file)
Viernes, 20 de junio, 2014

CSS3 cheatsheet (Chuleta CSS)

10 +30K

Chuleta o cheatsheet de CSS3 (lenguaje de marcado de hojas de estilo) en formato PDF, muy útil para desarrolladores, diseñadores o programadores web.

English here!

Si eres desarrollador, programador o diseñador web, es posible que esta chuleta (cheat sheet) te interese. Se trata del Lenguaje CSS, un lenguaje de marcado que se ideó con el propósito de simplificar el diseño web a través de un conjunto de sencillas propiedades aplicadas a uno o varios documentos.

Con el paso del tiempo, este lenguaje de hojas de estilo ha evolucionado mucho, permitiendo desde las tareas más básicas y elementales, como cambiar las dimensiones o los colores de un elemento web hasta efectos interactivos, transiciones, animaciones o incluso hasta efectos tridimensionales.

Esta cheatsheet es muy útil para aquellos que tenemos mala memoria o que queremos consultar de forma rápida la sintaxis de las propiedades CSS existentes.

Contenido

La cheatsheet contiene información sobre las siguientes características de CSS, dividido en dos páginas. La primera de ellas contiene en su mayoría características de CSS2, mientras que la segunda incorpora las novedades más populares de CSS3.

Primera página:

  • Sintaxis general de CSS
  • Formato de colores (hexadecimal, RGB, HSL, RGB/HSL+alfa)
  • Colores y fondos
  • Unidades y medidas
  • Fuentes CSS2 (tipografías), alineaciones y variaciones
  • Tipos de elementos
  • Perfiles (outlines)
  • Desplazamiento y posicionamiento de elementos
  • Cursores del ratón
  • Listas y tablas
  • Modelo de cajas (Márgenes y espaciados)
  • Bordes y estilos de borde
  • Dimensiones y ubicaciones
  • Columnas CSS3

[...]

Queda el 66% del artículo
Leer artículo completo

EOF (End of file)
Miércoles, 21 de mayo, 2014

Los mejores editores de texto para programar

25 +50K

Los mejores editores de texto o entornos de desarrollo (IDE) para programar en Windows, Mac o GNU/Linux.

Cuando pasamos mucho tiempo frente a la pantalla de un ordenador escribiendo código, es imprescindible utilizar una herramienta que nos permita trabajar más rápido. La elección de un editor para programar no es algo que se deba hacer a la ligera, sino que hay que valorar las diferentes opciones, nuestras necesidades y tomar la mejor elección posible, puesto que puede influir directamente en la calidad y cantidad de código que generemos.

Dentro de la categoría de editores de programación no existe una elección correcta, sino que hay disponibles muchas opciones y debemos decantarnos por la que más nos guste personalmente. Algunas personas se inclinan por editores de texto minimalistas, que reduzcan las distracciones, como podría ser un editor markdown para escribir en la web o utilizar MS-DOS, como el autor de Juego de Tronos, mientras que otras personas prefieren utilizar un IDE (entorno de desarrollo integrado), donde prima la automatización de tareas, depuración y la especialización a ciertos lenguajes de programación específicos.

Seas del primer grupo, del segundo grupo o de una zona intermedia, vamos a repasar las mejores opciones disponibles actualmente.

1. Sublime Text (Windows/Mac/Linux, 50€)

Sublime Text es uno de los mejores editores que existen actualmente. Destaca por lo ligero y simple que es, el aspecto visual sencillo pero elegante, los automatismos para realizar cambios de código, pero sobre todo por su gran capacidad de personalización: Sublime Text incorpora una gran cantidad de plugins para hacer prácticamente cualquier cosa.

Está disponible para todas las plataformas y, aunque se trata de un producto comercial, puede probarse de forma gratuita su versión completa, sin funcionalidades limitadas. El precio del editor es de unos 50€ y merecen totalmente la pena.

Si quieres aprender más sobre este editor, tienes una completa guía para aprender a utilizar Sublime Text, con sus características y funcionalidades más interesantes.

URL | Sublime Text

2. Atom (Windows/Mac/Linux, MIT)

Con un aspecto muy similar a Sublime Text, Atom es un editor de textos creado por GitHub, la famosa plataforma colaborativa de proyectos con control de versiones. Está desarrollado con C++ y Node.js, utilizando diferentes tecnologías webs como CoffeeScript, CSS o HTML. Una auténtica maravilla para el programador.

Actualmente, el ejecutable está disponible para Mac, sin embargo, el código fuente está disponible para Windows, Mac y GNU/Linux.

URL | Atom

3. Adobe Brackets (Windows/Mac/Linux, MIT)

Si eres un desarrollador front-end que trabaja con tecnologías como HTML5, CSS3, Javascript o similares, una opción interesantísima es utilizar Adobe Brackets. Se trata de un editor de código open source creado específicamente para diseñadores web, que posee un fantástico y atractivo aspecto visual junto a utilidades integradas que facilitan muchísimo las tareas de un desarrollador. Además, tiene soporte para complementos y plugins, lo que lo hace muy personalizable.

Está publicado bajo una licencia open source (MIT) y se encuentra disponible para Windows, Mac y GNU/Linux.

URL | Adobe Brackets

4. Light Table (Windows/Mac/Linux, GPL)

Otro magnífico editor para programar es Light Table, el cuál posee un fantástico equilibrio entre minimalismo y funcionalidad, que además es todo un placer para nuestros ojos. El editor destaca por su facilidad de uso y leve curva de aprendizaje, incorporando una sección de conexiones donde puedes comunicar el editor con un navegador para editar HTML/CSS/JS en vivo (sin necesidad de actualizar el navegador) de forma extremadamente sencilla.

El editor es open source y está publicado bajo licencia GPL. Se encuentra disponible para plataformas Windows, Mac y GNU/Linux.

URL | Light Table

5. VIM (Windows/Mac/Linux, GPL)

Si eres un programador de la vieja escuela, sin duda tu editor predilecto será Vim. Además de ser el editor imprescindible en una terminal de texto o en conexiones remotas vía SSH, está diseñado especialmente para ser lo más productivo una vez superes su curva de aprendizaje. Aquí tienes una pequeña guía básica sobre VIM, aunque si quieres profundizar en su manejo, lo mejor es que lo hagas jugando un RPG: VIM Adventures.

VIM es open source (GPL) y suele estar disponible para cualquier distribución GNU/Linux, sin embargo, también está disponible para sistemas como Mac o Windows, incluso con interfaz gráfica: gVim.

URL | Vim

Si VIM no es de tus editores favoritos y buscas otro editor para terminales de texto, echa un vistazo a Editores de texto basados en terminal.

[...]

Queda el 67% del artículo
Leer artículo completo

EOF (End of file)

1 2 3 4 5 ... 384 #