Lenticular.js es un interesante proyecto, diseñado utilizando JavaScript como plataforma de desarrollo, con el que podemos crear secuencias de imágenes animadas, especialmente pensadas para ser visualizadas en dispositivos basados en iOS.
La principal ventaja de este proyecto y por lo que digo que esta pensado para ser utilizado en los dispositivos de la manzanita es que detecta el movimiento del teléfono para animar la secuencia de imágenes, algo muy vistoso desde el punto de vista gráfico.
Un punto muy favorable, que ahorra mucho tiempo a la hora de implementar esta fantástica biblioteca JavaScript, es que las imágenes deben estar estandarizadas bajo determinado formato, evitando las interminables listas que hacen referencias a cada una de las imágenes. Con esta biblioteca simplemente indicamos el patrón a utilizar y listo. Por ejemplo: sasquatch-1.jpg, sasquatch-2.jpg, sasquatch-3.jpg y asi sucesivamente.
Ejemplo de uso:
// create a lenticular with 16 frames
var myLenticular = new Lenticular.Image($('.lenticular')[0], {
images: 'images/lenticular-##.jpg',
frames: 16
});
En el ejemplo se puede ver perfectamente como se indica el patrón de imágenes, como también la cantidad de imágenes que componen el set completo, en este caso, 16. ¿Simple verdad?
No olviden visitar el ejemplo online. En la entrada si bien inserte la captura de como se ve el ejemplo en un iPhone, el mismo funciona perfectamente en cualquier navegador moderno.
Web: lenticular.js
