EDICIóN GENERAL
838 meneos
 

Alucinantes gráficos "8-bit" (HTML-5)  

Paisajes y escenarios que recuerdan a los antiguos videojuegos de pocos bits

| etiquetas: gráficos , 8-bit , html-5 , mark ferrari , joseph huckaby
386 452 3 K 617 mnm
386 452 3 K 617 mnm
Comentarios destacados:                  
#6 #0 > Paisajes y escenarios que recuerdan a los antiguos videojuegos de 8-bit

¿Recuerdan? Son trabajos originales de Mark Ferrari para Loom y Monkey Island.

Aquí se puede leer más acerca de eso, y de como el autor (Joseph Huckaby) adaptó los ficheros originales y creó el motor de "render" en JavaScript. Bastante interesante:
www.effectgames.com/effect/article.psp.html/joe/Old_School_Color_Cycli
#0 > Paisajes y escenarios que recuerdan a los antiguos videojuegos de 8-bit

¿Recuerdan? Son trabajos originales de Mark Ferrari para Loom y Monkey Island.

Aquí se puede leer más acerca de eso, y de como el autor (Joseph Huckaby) adaptó los ficheros originales y creó el motor de "render" en JavaScript. Bastante interesante:
www.effectgames.com/effect/article.psp.html/joe/Old_School_Color_Cycli
#6 Es justamente en lo que he pensado cuando lo he visto, en Monkey Island, Indiana Jones and the Fate of Atlantis...
#6 De hecho al verlos mi primera impresión ha sido "Parece que vaya a salir Guybrush Threepwood por un lado en cualquier momento" :-P

#20 Mejor este otro :-D
www.youtube.com/watch?v=WjvD3C_nvBk
8-Bit? Será 16 bits. Los de 8 Bits eran spectrum, commodore y demás. Esos gráficos se asemejan a Amiga y PC-VGA (16 bits)
#7 y #9 Si, la técnica puede que se usara con ordenadores de 8 bits ademas de en los de 16 bits, pero yo (y el título también) me refería a la apariencia, y la apariencia a lo que recuerda es a la de los juegos de 16 bits (sobre todo a aquellas aventuras gráficas y juegos de rol tipo Lands of Lore que había por aquel entonces en los PC con las primeras tarjetas VGA)
#32 Estás confundiéndolo todo. Una VGA jamás ha soportado color de 16 bits, eran colores de 8 bits a elegir entre una paleta de 18 bits. El procesador sí era de 16 bits (o de 32), pero no los modos de vídeo.
#7 Lo siento, quería votarte positivo :-(
#3 La verdad es que la paleta que se muestra al lado es amplísima, pero el enlace donde encontré esto ponia 8-bit... Aun así he modificado la noticia para que falte menos a la verdad ;)
#3 Mira en el pie de pagina:

Canvas Cycle: True 8-bit Color Cycling with HTML5

Si le das te explica en que consiste esta técnica, yo no tengo suficiente nivel de ingles para entenderlo lo suficiente para explicarlo.
#9 Traducción: "¿Alguien se acuerda de la rotación de colores de los 90? Era una tecnología usada a menudo en videojuegos de 8 bits de la época, para conseguir efectos visuales rotando (desplazando) la paleta de color. Por aquel entonces las tarjetas de video solo podían pintar 256 colores a la vez, así que se usaba una paleta de colores seleccionados. Pero el programador podía cambiar esta paleta a placer, y todos los colores en la pantalla cambiaban acordemente. Era rápido, y virtualmente no consumía memoria. Así empezó la era de la rotación de colores."
#12 Yo hacía eso en el 94 con DELUXE PAINT II en un Amiga 500 para simular movimiento. Recuerdo que se llamaba "ciclo de colores". Se podían hacer cosas muy interesantes.
#29 Algo parecido usaba el autor de las escenas:

> Mark's scenes are actually Amiga IFF / ILBM files, originally created with Deluxe Paint in DOS.
#29 Deluxe Paint, qué grande.
Ja
#29
#62
#61
#55

No me atraian los ordenadores, hasta que vi funcionar el Deluxe Paint I bajo DOS en un 8088 de Inves, con 640K de Ram y una tarjeta hercules de cuatro colores.
Por culpa suya soy un friky informatico (antes era freak a secas). Todavía conservo mis primeras creaciones, ya con un Olivetti 286 con 1Mb y 16 colores.
Que viejuno...

www.taringa.net/posts/downloads/2774144/Deluxe-Paint-DOS.html
#3 8 bits pueden codificar 2^8 colores, es decir: 256 colores.
Lo que comentas tú de 8 colores tendría más que ver con 3 bits: 2^3 colores.
Esto es resumiendo bastante la cosa porque no todos los estandares de colores funcionan exactamente así...
#3 Los 8 bits son de la paleta de colores, no de la cpu.
No tiene nada que ver con los micros de 8 bits.
Se refiere a 8 bits de color, y con ello se obtienen paletas como las que vemos.

#35 sal de mi mente :-D
Muy bien, pero que se dejen de chorradas y empiecen a pasar el pr0n de flash a HTML5.
Tanta agua en un ordenador no tiene que ser bueno.
En 2 palabras:

IM-PREZIONANTE
#FlashHaMuerto

#11 O RLY?
jose@debbook:~$ ps aux|head -n 1&&ps axu|grep firefox-bin|grep -v grep
USER PID %CPU %MEM VSZ RSS TTY STAT START TIME COMMAND
jose 3867 13.6 15.2 519780 156568 ? Sl 15:34 44:35 /home/jose/firefox/firefox-bin noremote
jose@debbook:~$

Debian GNU/Linux (Unstable/Sid), Firefox 4.0b2, procesador Intel Celeron M de 900MHz, 1GB de RAM y sin swap. A mí no me parece mucho :-P
#24 RLY, 98%
3400- firefox-bin 98.6 38:31.24 21/1 1 317 3976- 215M- 64M- 379M-
Core 2 Duo 2.26 con Firefox 3.6.8...
#33 Va a ser por las versiones de Firefox. Él anda con la 4.0b2, que tiene mucho mejor soporte que la 3.6 creo.

No sé, quizás me equivoque :-/
#24
#42
426- firefox-bin 94.8 00:36.86 25/1 1 185 896+ 138M- 68M 203M+
4
Firefox 4 beta 2 en OSX. Por su parte Safari me da esto
4439 Safari 36.1 00:07.10 10/1 2 155 484- 44M- 59M- 120M-

Mejor rendimiento pero muy superior al suyo.
#42 Efectivamente, la 4.0b2 va como un tiro. Ha habido tres aumentos de velocidad notables en Firefox: 3.0.x, 3.5.x y 4.

#47 Pues será cosa de windows

A #50 también le da una burrada. Será cosa de los sistemas operativos privativos.

#50 ¿Qué te apuestas a que Safari usa APIs no documentadas de OS X para ir mejor? Además, ¿qué páginas tenías cargadas en cada navegador?
Mira allí un mono de tres cabezas!
... que recuerdos :-( ... y que viejo me estoy haciendo...
Jeje, creo que he visto a Guybrush Threepwood perdido por alguno de esos paisajes, que son realmente alucinantes. Me dan ganas de volver a pasarme el Monkey Island y el Indiana Jones de nuevo otra vez... :-D
#27 seguro que si hiciesen juegos con los gráficos, la magia y el humor de los de aquella generación, desbancaban a más de una superproducción de estreno que no puede funcionar en el 75% de los ordenadores actuales
A mi me recuerdan a algunos paisajes de aventuras gráficas de lucas arts.
Esto me recuerda a los primeros juegos para Windows 95. En aquellos tiempos se suponía un gasto prohibitivo en cuanto a recursos hacer un juego para Windows, más aun teniendo en cuenta los pobrísimos resultados que se obtenían. Y fíjate ahora la de virguerías que se hacen en Windows 7.
HTML5 tiene mucho futuro, si Google lo quiere así :-)
SOBERBIO, ENORME, MAJESTUOSO. Antes si que se EXPRIMIAN la cabeza para sacar el 150% del potencial gráfico de una máquina, ORIGINALIDAD, TECNICA, SENCILLEZ, todo lo contrario de hoy en día.
Un truco muy sencillo y muy vistoso. El ciclar los colores de la paleta era un truco muy recurrido hace años. Yo lu usaba en un tretris que habia hecho con un fondo "Plasma" 20 lineas de código ensamblador y tenias la paleta ciclando de una forma muy vistosa. Que tiempos!
Símplemente, IMPRESIONANTE.
wowwwwww que pasadaaaaaa
os imaginais haber jugado a las aventuras graficas con estos gráficos? :-D
#34 si quieres te dejo mi viejo Commodore C64 xD :lol
#47 #54 No creo que sea cosa de Windows. En mi debian empieza con un 15 % y va aumentando sin parar. Ya lo paré aquí:

yo@toshiba:~$ ps aux | head -n 1 && ps aux | grep firefox-bin | grep -v grep
USER PID %CPU %MEM VSZ RSS TTY STAT START TIME COMMAND
yo 3538 44.2 14.5 169840 75248 ? Rsl 14:42 5:56 /usr/lib/iceweasel/firefox-bin -a iceweasel

porque con estos calores no me fío mucho de que mi portatilero aguante. Pero vamos, no tenía pinta de que estuviera dejando de aumentar el consumo.

yo@toshiba:~$ iceweasel -v
Mozilla Iceweasel 3.0.6, Copyright (c) 1998 - 2009 mozilla.org
Momentazo DeluxePaint-Amiga, como este otro:

www.youtube.com/watch?v=3oqUd8utr14

Anda que no he utilizado yo el color cycling para crear pseudo-animaciones en mi Amiga 500...
No encuentro el bar dónde comprar GROG... alguien puede ayudarme???
Increible...tiene ese toque de Amiga
Me encanta, me recuerda al Space Quest... que juegazo. Estaría bien tener una versión en HTML 5
Increíbles gráficos, muy currados, me han encantado
#45 Pues que una animación se compone de una serie de imágenes y un "ciclo de colores" es una sola imagen. Para conseguir el efecto de animación hay una serie de colores reservados a los que se les va cambiando el color.

Piensa en ello como si fuera una especia de tinta invisible a la que le puedes meter colores a tu gusto en cualquier momento.

#38 Pues será cosa de windows:
USER PID %CPU %MEM VSZ RSS TTY STAT START TIME COMMAND
johan 4473 33.8 3.9 883652 159432 ? Rl 22:13 6:14 /usr/bin/firefox
#45 Añadiendo a la respuesta de #47.
Ahora no tiene sentido la rotación de colores porque las imágenes se hacen escribiendo los valores de rojo, verde y azul directamente en la pantalla y no se usan modos gráficos con paleta. Aunque uses una rotación de paleta al final acabas pintando los píxeles en la pantalla y no ganas demasiado con respecto a una serie de animaciones como en el gif animado.

En los ordenadores de 16 bits tenía sentido porque escribir pixeles en pantalla era costoso y no…   » ver todo el comentario
8 bit color = 2^8 = 256 colores

Si es que yo creo que lo de 8 bits lo han puesto así a posta para hacernos el lío. Además, a mediados de los noventa todo el mundo que conozco decía directamente 256 colores.
#40 8 bit de color es lo que dices. Pero color de 8-bits no necesariamente, depende del contexto.

A veces se dice gráficos de 8 bit cuando se quiere referir a la época de los procesadores de 8 bit. Y 8 bit era el tamaño de palabra del procesador, no el número de bits por pixel de la memoria gráfica.

De hecho, por la época, la cantidad de memoria gráfica era fija y el número de bits por pixel dependía de la resolución que quisieras usar. Mira por ejemplo: en.wikipedia.org/wiki/Amstrad_CPC#Video
¿Una NES sería capaz de mostrar esto?
#14 ... supongo que no, por la resolución. Confirmado, 256x240, así que nada.
Quien ha hecho esto es un artista. No solo tienen ese look retro sino que los efectos ciclicos son chulísimos.

#15 Ni por resolución ni por paleta de colores.
#14 No. Lo haría con menos colores.

Una NES muestra hasta 16 colores diferentes en pantalla de una paleta de 32.

Esa imagen es de 64 colores. Una Master System seguramente si, o muy parecido.
El que entienda lo que está pasando en cada imagen (veo que hay varios por aquí que se han dado cuenta :-) ) se quedará de lo más WTF?! por la calidad del color cycling. Una pasada, no solo las imágenes, sino la calidad de los efectos conseguidos.

El artista es Mark Ferrari.
Espero que los diseñadores de web de tres al cuarto no vean esto, porque entonces volveremos a la época del gif animado...
Es genial!
Me flipan!!!
Por favor links con imagenes de este estilo? He buscado cosas tipo "8 bit art" y eso pero me salen mas bien monigotes y tonterias tipo mario bros
Donde puedo encontrar galerias imagenes como estas? (sin html5, simplemente fotos)

Me recuerdan mucho a los juegos antiguos y tienen un encanto que me puede...
Alguien me lo explica? :-)
En mi Eee PC va lento de cojones. Le queda mucho por optimizar al HTML5, o eso espero porque el Flash me va muchisimo mejor que esto.
Dios mio, que recuerdos, que sensaciones. Si fuera redactor de una revista de videojuegos y me presentan un juego con esos gráficos (Una AG, claro) le pondría un 11/10.
#67 A mi me va de puta madre
Genial.
i love html5
A mi me parecen mas graficos de 16bits y 256 colores
Me encantaron los paisajes.
A mi me parece que es demasiado consumo para algo tan simple, y lo he probado tanto en ubuntu como en windows con firefox, también probé con chrome y ahí al menos no exprimía la CPU al 100%, sino un 85% aproximadamente.
Con tanta agua entran unas ganas de hacer pis
amos a ver... Alguien me puede decir la diferencia entre "ciclar los colores" y un puto gif animado???

Por que me parece que me estan vendiendo la misma burra con distinto nombre.
Increíble, no entiendo mucho, así que me gustaría que me explicarais porque los gráficos de los juegos antiguos que iban con 8-bits no se asemejaban a estos en nada. (al menos ninguno que yo haya jugado)
#43 Lo digo de memoria así que habrá inexactitudes.
Los juegos de los ordenadores de 8 bits (spectrum, amstrad, msx, c64, PC-CGA) se hacían normalmente usando el modo de caracteres en vez de modos gráficos. Los modos gráficos podían poner 16 o más colores en pantalla pero eran lentísimos y no servían para hacer juegos, entonces usando el modo de texto pero remodelando los caracteres como "tiles" se podían hacer fondos complejos y varios fotogramas de animación de personajes.
Los…   » ver todo el comentario
#48 Joé, no me esperaba una respuesta tan elaborada. Pero gracias por la información :-)
Dios que recuerdos cuando testeaba los ciclos de colores con Deluxe Paint IV :-)
Sonido ambiental de acompañamiento: (ctrl + click)

www.youtube.com/watch?v=L97levIIj2Y
comentarios cerrados

menéame