Resulta realmente increíble ver cómo verdaderamente funciona este sencillo script que encontré en anieto2k.com. Un código que pesa tan sólo 256 bytes.
VOLANDO. Un instantanea del viaje infinito. Click para verlo.
Reitero: se trata de un Javascript. No es una imágen, no es un gif animado, no es un video, no es flash. Increíble. En anieto2k.com se explica que esto lo permite el uso de Data:URL. De hecho, no estamos hablando de un Script que se incluirá en un código HTML, sino que simplemente puede visualisarse por sí mismo.
<code><body onload=setInterval("S=Math.sin;with(R.getContext('2d'))for(fillRect(0,0,300,150,drawImage(R,9,2,282,148,0,3,300,150),fillStyle='rgba(10,0,39,.01)'),a+=x=88;x--;fillRect(x*4,75+S(a+x/27+S(x/9)*S(a*2-x/15))*20,6,2))fillStyle='#730'",a=9)><canvas id=R></code>
Por cierto, si quiere verlo funcionando, pase por aquí.
2 comentarios
Lunes 20 Octubre 2008 a las 3:50 pm
Permíteme que haga algunas precisiones. No son ciertas las siguientes afirmaciones:
- “esto lo permite el uso de Data:URL”
-”De hecho, no estamos hablando de un Script que se incluirá en un código HTML, sino que simplemente puede visualisarse por sí mismo.
Se trata de un script insertado en una página htm que contiene un elemento canvas. El scritp se activa con el evento onload del body. En http://joseanpg.net/jslab/canvas/p01_mars_canvas_version.html puedes ver una explicación del funcionamiento.
Lunes 20 Octubre 2008 a las 5:15 pm
Gracias José. La verdad, hice mención de Data:URL porque, como se léé, en la página de referencia, así se lo citaba. De hecho, desconocía su existencia hasta que lo leí. No soy programador y por cierto, mis conocimientos de JS son mas bien pobres. Pero bueno, nunca es tarde para aprender Y gracias por el link a tu web, pasaremos.