electroduendes.com

bitácora de un desarrollador interactivo

electroduendes.com header image 2

efecto leoburnett

May 9th, 2006 · 19 Comments

Como bastantes de vosotros, flipé en colores con la web de LeoBurnett. El sistema de navegación suma dos factores a veces opuestos en esto del flash: además de un wow! por dentro te dices ?¡qué sencillo y útil!.

Pero el sistema tampoco es nuevo, en realidad ya estaba bastante visto. ¿entonces? ¿por qué ha tenido tanta repercusion? Supongo el hecho de que es una de las grandes agencias unido a una buena creatividad aplicada, la han hecho sitio del año en fwa

Al grano, que me enrollo más que las persianas. Me gustó tanto el sistema, que me propuse sacarlo. Y una vez sacado… ?¡solo se me ha ocurrido hacer una galería! :( Por aquí dejo algunos dibujicos, que de creatividad ando seco
Si se os ocurre alguna aplicación práctica para esto, ahí tenéis los comentarios.

[galería]

Tags: Actionscript 2.0 · Experimental · Flash

19 responses so far ↓

  • 1 ...sErGiO... // May 16, 2006 at 10:53 am

    Aplicación no sé me ocurre ninguna de primeras..pero decirte sólo, que es un ‘experimento’ buenisimo. Te felicito! ;)

    PD: Seguiste alguna formula matemática, tutorial o influencia celestial??xD

    ..sErGiO..

  • 2 Alex Sánchez // May 16, 2006 at 11:51 am

    hey sergio! :D
    He visto tu nuevo blog, felicidades! ya te tengo fichado, interesante la parte de osflash.

    De tutorial nada, aquí a saco sacándomelo a cabezazos contra el teclado, fiel a mis principios aunque muera en el intento! :D

    Me costó un huevo, pero yo no lo resolví por trigonometría pq me parecía más difícil (sale una fórmula por cada tipo de rotación de cuadrante). Así que con un mc oculto para calcular la posición final y el localToGlobal, palante!
    saludos.

  • 3 ...sErGiO... // May 16, 2006 at 10:54 pm

    Ahí, ahí, el que la sigue la consigue..jeje.

    Te felicito porque de verdad te quedó muy logrado!

    Un saludo!;)

  • 4 marcos // May 17, 2006 at 3:03 am

    Podrias explicarnos mas eso del movieclip oculto? Es que no acabo de verlo :) Enhorabuena, te ha quedado de fábula :)

  • 5 Alex Sánchez // May 17, 2006 at 1:52 pm

    La historia es porque todas las fotos van en un clip contenedor, que es el que muevo, escalo y roto.

    - Rotar el contenedor, pues una tontería. calculas la rotación que has dado a la foto, y se lo aplicas al contenedor, y así rotan todas las fotos por ser mcs hijas.

    Centrarlo, pues tambien. calculas la posicion relativa con localTo global, y santas pascuas.

    El problema lo tenía cuando lo hacía a la vez, claro, no es la misma posicion final para centrarlo, antes, que después de rotar, así que:

    - primero rotaba, y luego movía el clip contenedor, pero el efecto no es el deseado.
    - Así que tenía que andar calculando la posición final con senos y cosenos, y la fórmula era diferente para cada cuadrante, o peor aún para cada salto de cuadrante.
    Por eso lo del mc fake, que es la que calcula la posición después de una ficticia rotación

    uff es difícil de explicar, espero que me hayas entendido.

  • 6 Marcos // May 17, 2006 at 8:18 pm

    Entiendo mas o menos, pero me pregunto: si ya sabes la posicion relativa de la foto con respecto a su contenedor, si sabes la rotacion relativa de la foto con respecto a su contenedor, y sabes la rotacion actual y la posicion actual, puedes hacer el calculo de rotacion y desplazamiento necesario para pasar de la actual a la siguiente antes de comenzar a mover, con lo que podrias hacer rotacion y desplazamiento simultaneamente hacia el punto final y rotacion final. Yo lo he realizado en un pared con escalado y posicion y si bien para lo del escalado tienes que ir consultando constantemente la proporcion entre foto y contenedor para aplicarla a los desplazamientos, no le vi mas problema…, bueno, yo no le aplique rotacion, pero la rotacion seria lo mismo. Sigo sin ver claro lo del mc fake. :-s

  • 7 loco_bahia // May 18, 2006 at 6:15 pm

    Esta chido!! Vos podrias publicar un manual al respecto??

    Muy bueno!

  • 8 Alex Sánchez // May 20, 2006 at 12:28 am

    asdfdf

  • 9 alex // May 20, 2006 at 9:55 pm

    probando antispam, segundo intento

  • 10 muy bueno // May 21, 2006 at 11:54 pm

    muy bien todo pero lo que no veo por ninguna parte es un archivo para descargar y aprender a hacerlo.

  • 11 Paco // May 31, 2006 at 3:38 pm

    Voy a provar antispam, me pica la curiosidad

  • 12 Carlos veliz (Guatemala) // Feb 10, 2007 at 8:35 am

    La galeria esta xcelente… FELICITACIONES, ES POSIBLE QUE PUEDAS COLOCAR UN TUTORIAL ACERCA DE ESTA GALERIA.

    EXCELENTE TRABAJO

  • 13 Carlos veliz (Guatemala) // Feb 10, 2007 at 7:10 pm

    PUEDES PASRNOS ALGUN TUTORIAL DE LA GALERIA…

  • 14 inari // Apr 5, 2007 at 10:55 am

    Felicitaciones por el blog!

    Me ha interesado mucho también este experimento , es posible poder conocer un poco más a fondo el código?, o un tutorial?.

    Sería pero muy bueno!.

    Mis sinceros saludos :)

  • 15 inari // Apr 5, 2007 at 11:02 am

    Ahps… De aplicaciones, se me ocurre alguna que tenga que ver algo así como un “fondo infinito”, con la base de como está hecho el tema ampliar/reducir imagen, se me ocurre algo que podría ser similar, pero que en vez de sólo una capa (o imagen), que varias vayan montadas (de alguna forma “invisible” o “remota”), de tal manera que al pinchar sobre una aumenta, luego te lleva a la siguiente y así infinitamente; agregando el efecto rotación… Más interesante aún.
    Tal vez darle también algún efecto “flotante”, es decir que de la impresión de algún tipo de inercia???….

    Bueno, como preguntabas en que se podría aplicar, a esta hora de la madrugada se me ocurren varias cosas… :S (no vaya a ser que se enojen por acá y mejor me auto-silencio).

    nuevamente mis saludos y gracias por tu blog.

    ;)

  • 16 NRi // Aug 27, 2007 at 5:20 pm

    ELECTRO DUENDES
    MANDAM!!!!!!!

    JOJOJOJO

    GORA ELECTRO DUENDES

  • 17 Alvaro // Aug 28, 2007 at 2:02 pm

    Que bueno tio!!!
    lo que no me queda aun muy claro es el tema de la rotacion, a mi se me deforma el mc contenedor, podrias darle otro pequeño repaso haber si lo pillo

  • 18 camilo // Nov 10, 2008 at 4:16 pm

    Hey sergio suba el .fla, porfa, estoy muy interesado en hacer algun uso con éste :D gracias

  • 19 Ala // Feb 2, 2010 at 10:41 pm

    muy bueno! en algun lugar esta publicado el script? :D

Leave a Comment