Abe Estrada

Google Circles Animation

Google acaba de anunciar la competencia directa contra Facebook, se llama Google+ y aún no tengo invitación para esta nueva red social. Por lo tanto, he estado leyendo algunos “reviews” acerca de la nueva red y muchos coinciden que en la sección de Google Circles (donde puedes crear circulos de contactos) destaca la animación sobre como se agregan contactos a cada circulo.

La animación de Google Circles funciona cuando el usuario arrastra un contacto de una lista hacia un circulo, este circulo crece y permite tener la imagen del contacto dentro del circulo.

Mientras espero mi invitación a Google+, empecé a ver videos sobre esta animación y decidí trabajar con una libreria de javascript llamada Raphaël, la cual permite utilizar el <canvas\> de una manera muy fácil.

Mi primer intento de código se encuentra el github y espero ir agregando la misma funcionalidad que tienen Google Circles.

Actualización: Ya estoy usando Google+, y los “circles” tienen muchas animaciones más, las cuales voy a intentar duplicar.