Hace 13 años | Por jorgerubira a romancortes.com
Publicado hace 13 años por jorgerubira a romancortes.com

Mueve el scroll de la derecha y verás como el texto toma animación.

Comentarios

D

#10 yo soy el portero del Alcorcón, encantado

c

You have been rick rolled.

CallTheDoctor

#12 Quería verlo en mi iGadget pero no me deja, ¿seguro que está en html5?

Mordisquitos

#12 Te odio. Mazo.

LorenzoVonMatterhorn

#1 ¿O'RLY?

Mr.Blue

OH no, me la has colado... no estaba preparado

#1 spoiler te compenso en 4

K

Es Horatio antes del CSI.

payola

It´s a trap!!

D

Es el Rick Roll mas original que me han hecho nunca x=DDDDDDDDD

angelitoMagno

¿Roman Cortes se ha pasado a Flash?

f

#15 Roman hace lo que le da la gana porque es un puto genio y nosotros (simples mortales) no somos quien para cuestionarle (ni intentar entenderle). De hecho una vez comentó que su navegador principal era Internet Explorer ¡sus motivos tendrá!

D

#15 No se trata de "pasarse a", simplemente de utilizar lo que hay y de experimentar. Varios desarrolladores de Flash han creado experimentos (de momento no pasa de eso por varias razones) y siguen utilizando flash, html y también silverlight. No es nada extraño, ni son unos traidores, ni todos esos rollos que se montan algunos, sobretodo los que no crean nada y hablan desde el atrevimiento de la ignorancia.

e

Iba a comentar sobre por qué a alguien le puede dar por usar su tiempo haciendo cosas como estas, pero el mismo autor lo contesta en http://www.romancortes.com/blog/dancing-typography/

Esta animación es una evolución de esta >> http://www.romancortes.com/blog/a-tribute-to-the-beatles que está hecha con css y javascript

Un curre bueno en todo caso

D

El Rickroll más elegante que he visto en mi vida!!!

Petazetas

#30 Y de recursos...

Campos

efecto menéame

j

mamones, me habéis rickrolleado!!!! Malditos /b/tards

ktzar

#40 No estoy nada de acuerdo con lo que dices. La gente con talento hacía las mismas maravillas con Photoshop 4 que con Photoshop CS5... Sólo que para hacer una sombra necesitabas otra capa. Lo que sí consiguen las herramientas más "avanzadas" es que gente sin talento simule tenerlo.

Saludos!

Trolleando

Rickrolled "by the face"

D

#40 A mi qué me cuentas, yo uso Photoshop. Pero eso que se ve ahí no es flash interactivo (no está generado por el motor Flash),es un video pregenerado. Las herramientas que se hayan usado para lograrlo habrán sido las de Adobe, pero efectivamente se pueden usar muchas otras con parecidos resultados. Eso no es ningún avance respecto a la web, son totalmente indiferentes esas herramientas.

Estamos hablando de interactividad, y en eso, Flash (el motor, no la herramienta) y HTML5 están a un nivel muy parejo. La única pega de HTML5 es que le falta una herramienta de desarrollo. Aunque por lo visto el nuevo Adobe Flash (la herramienta, no el motor) puede exportar a HTML5.

Y para los que hablan mal del rendimiento de Flash, las nuevas versiones tienen un rndimiento muuuuy bueno, puede que mejor incluso que el de HTML5. El problema es que mucha gente no ha dado el salto a AS3 o que simplemente no saben programar.

D

#34 Es un flv porque sino no podrían poner el botón del final.
Yo eestoy convencido de que es pregenerado, porque si no aprovecharían aunque sea mínimamente la interactividad de Flash (como por otra parte si hace la demo de canvas).

s

#37 Es posible que haya detrás un flv cargado en streaming desde un swf. La película es un swf. Se puede añadir interactividad o botones o no. Eso es independiente de si es swf o flv. Si no la han añadido es porque no les ha dado la gana. Sencillamente querían hacer un ejercicio de "virtuosismo" pseudo-artístico; no un ejercicio de interactividad.

Y está, casi con toda seguridad, realizado con flash, illustrator (supongo que decorado algo con photoshop) y after-effects. Es decir, es un ejemplo de lo que puede hacer la suite.

No hay equivalentes libres capaces de hacer eso decentes. Los equivalentes libres están a años luz. No dudo que se pueda hacer exactamente lo mismo con soft libre.

Pero con muchísimas más horas de trabajo. Eso, por tanto, no sirve profesionalmente.
Los profesionales no usan ese software por gusto. Lo usan porque se dedican a ello y necesitan resultados rápidos.

Creéis sinceramente que cualquier diseñador prefiere Illustrator o Phoptoshop a Inkscape y Gimp por "desconocimiento"? Si son los que conocen el software de verdad!!!

Se hace un flaco favor al software libre no reconociendo sus carencias! El soft de diseño y multimedia es la mayor carencia del software libre.

j

#35 " por HTML5 deduzco que entendéis HTML+CSS3+Javascript no? Porque eso es javascript... el html es más o menos el de toda la vida..."

No es buena deducción. El 5 es el nuevo estándar de HTML (aún en desarrollo, creo). Lo que estás viendo es HTML*5* + CSS3+Javascript.

En cuanto a que el HTML es más o menos el de toda la vida... la gracia está en el más o menos. Esta página usa por ejemplo los elementos o que son nuevos.

D

Rickrolling por toda la escuadra.

D

Hay que quitarlo pronto para que no se funda el procesador.

AdobeWanKenobi

Cada día los rickroll son más elaborados.

angeldav

Yeah! I've been Rick Rolled!

a

¿que tipo de baile es?

m

Jajaja!! Me esperaba otra cosa.

D

Oh, no! He votado por error esto, quería pulsar un poco más arriba para ver los comentarios... ¿hay alguna forma de borrar mi voto? Lo siento mucho

dest2010

Rick Roll!!! aahhh!!! mis segundos!!! quiero mis 20 segundos perdidos!!! lol

s

Cosas como esta son las que demuestran que el HTML5 con canvas está muy verde...

Cosas como esa y la web oficial de Adobe.

Lo siento, estoy 100% de acuerdo con la filosofía del software libre.

Pero si queremos hacer esto...



Necesitamos la maldita suite.

Trabajo con flash. Programo AS y javascript sin problemas.
No se puede hacer con javascript puro, a día de hoy, lo que se hace con ActionScript.
No se puede hacer con svg lo que se hace con swf.

El único programa libre de "diseño" profesional a día de hoy es el Blender. Los equivalentes libres al software de diseño están a años luz.

No es que sea malo flash. Flash es muy bueno. Es Adobe y su filosofía lo negativo. Yo no saltaré de alegría si se va al cuerno flash. Saltaría de alegría si liberaran los swfs!!!

ktzar

#27 Como buen desarrollador verás que ese link es un video, y por tanto sí se puede hacer sin Flash.

Pero esto http://www.craftymind.com/factory/html5video/CanvasVideo.html no se puede hacer con Flash. O al menos no con tan pocas líneas de código.

D

#29 Hombre, no he mirado el código, pero aventuro que en HTML5 también ha hecho falta un buen puñado de líneas de código.

s

#29 Dudo mucho que esté hecho sin flash. Para empezar, es un swf y no un flv. Papervision 3D... intuyo.

Apostaría a que el vídeo está hecho 100% con la suite. Sobretodo Flash, illustrator y after-effects. Dudo que haya ninguna imagen en ese vídeo no realizada con ella.

Ni idea de cómo se ha echo explotar el vídeo que comentas (realizado con Blender, por cierto). Ni idea de cómo hacerlo ni cuántos recursos necesitaría.

s

#29 He echado un vistazo al código:
El código está a la vista y no parece complicado :-). Así por encima, lo que intuyo que hace es lo siguiente:
Define una cuadrícula a partir de la anchura y altura del vídeo, y de unos valores definidos al inicio para los "cuadraditos" cada 33 milisegundos.
Calcula sus propiedades y crea un objeto "tile" o "cuadradito" para guardarlas.
La explota a partir de funciones trigonométricas aleatorias.

Al procesador eso le tiene que costar mucho.... ya que está redefiniendo la representación de un montón de "cuadraditos" cada 33 milisegundos con un lenguaje interpretado. Pero vamos, nuestros cacharros son la hostia.

No sé si se puede conseguir lo mismo con AS3. Intuyo que sí. Todo depende de si se puede descomponer el vídeo. No lo sé, nunca lo he hecho, pero intuyo que sí. La lógica sería la misma y no parece complicada.

Y bueno... por HTML5 deduzco que entendéis HTML+CSS3+Javascript no? Porque eso es javascript... el html es más o menos el de toda la vida...