Efecto RollOver con AS3

/ 102 Comments

Después de probar varias formas de grabar los video tutoriales, esta es la que más me convenció…
Estoy usando un soft llamado Camtasia Studio, que me resultó muy bien.
Tengo algunos problemas por solucianar a medida que vaya sacando nuevos video tutoriales. Como puede ser el audio (vivo en un depto y se escuchan los colectivos pasar) y ademas agregarle funsiones al player y mejorar las que ya tiene.
Tambien mejorar mi forma de explicar, ya que no es facil hablarle a una PC y restar algunos “bien” cuando hablo :P

Fuera de eso estoy contento con como quedo, espero se entienda y espero críticas y comentarios.

Descargar Archivos
  • juako

    muy bueno tu video
    segui haciendo que sirven un monton

    muchas gracias

    juako

  • http://notengo juako

    muy bueno tu video
    segui haciendo que sirven un monton

    muchas gracias

    juako

  • jaume

    Fantastico!

    Me aclaró muchisimo sobre AS3

    Felicidades, por el trabajo.

    Jaume.

  • jaume

    Fantastico!

    Me aclaró muchisimo sobre AS3

    Felicidades, por el trabajo.

    Jaume.

  • http://amk.apokalipsis.cl/ Francisco Aguilera

    Muchas gracias, siga haciendo más vieos de este tipo.

  • http://amk.apokalipsis.cl/ Francisco Aguilera

    Muchas gracias, siga haciendo más vieos de este tipo.

  • http://www.kukulcandesign.com/ renovatio

    muy buen tutorial pero un detalle, como ponerle un enlace diferente a cada boton ?, agradeceria su ayuda

  • http://www.kukulcandesign.com renovatio

    muy buen tutorial pero un detalle, como ponerle un enlace diferente a cada boton ?, agradeceria su ayuda

  • incog

    ola amigo, mira he hecho de todo para poder ver o intentar ver el video completo, pero este se corta al llegar a 5min. incluso lo descargue y se baja incompleto, si puedes has un enlace para bajarlo, gracias de antemano, hasta donde he llegado he entendido, y es buen tutto….

  • incog

    ola amigo, mira he hecho de todo para poder ver o intentar ver el video completo, pero este se corta al llegar a 5min. incluso lo descargue y se baja incompleto, si puedes has un enlace para bajarlo, gracias de antemano, hasta donde he llegado he entendido, y es buen tutto….

  • http://www.decabeza.net/ WeeDo

    Acá podes verlo completo y en mejor calidad y descargarlo si asi lo queres
    http://videos.decabeza.net/#/video/2

    Saludos!

  • http://www.decabeza.net WeeDo

    Acá podes verlo completo y en mejor calidad y descargarlo si asi lo queres
    http://videos.decabeza.net/#/video/2

    Saludos!

  • Nico

    un caño tu tutorial, fue lo unico que encontre que mas o menos me dio una idea de lo que es el AS3. lo que estaria bueno es publicar todo ese codigo que escribiste para poder empezar sobre esa base empezar a modificar y asi seguir aprendiendo de manera autodidacta. lo podriamos copiar del video pero es un bardo va y biene jejejej. (los autodidactas tenemos un poco de vagos)
    buena onda el tutorial Gracias miles!!

  • Nico

    un caño tu tutorial, fue lo unico que encontre que mas o menos me dio una idea de lo que es el AS3. lo que estaria bueno es publicar todo ese codigo que escribiste para poder empezar sobre esa base empezar a modificar y asi seguir aprendiendo de manera autodidacta. lo podriamos copiar del video pero es un bardo va y biene jejejej. (los autodidactas tenemos un poco de vagos)
    buena onda el tutorial Gracias miles!!

  • bass_victor

    exelente tutorial, apenas voy iniciando en esto del flash y todo me quedo muy claro, gracias y espero que pongas mas tutoriales xD

  • bass_victor

    exelente tutorial, apenas voy iniciando en esto del flash y todo me quedo muy claro, gracias y espero que pongas mas tutoriales xD

  • http://www.mycompu.com.mx/ franky

    Weedo
    Quedo genial, voy a seguir viendo tutoeiales de tu página que esta muy bien, esperaba un sitio así, que explique como hacer cosas que no encuentro en los librs (acá en México los ccursos son pésimos y caros) para mejorar la creación de páginas, espero sigas haciendolo y te felicito por eso
    Saludos
    FS

  • http://www.mycompu.com.mx franky

    Weedo
    Quedo genial, voy a seguir viendo tutoeiales de tu página que esta muy bien, esperaba un sitio así, que explique como hacer cosas que no encuentro en los librs (acá en México los ccursos son pésimos y caros) para mejorar la creación de páginas, espero sigas haciendolo y te felicito por eso
    Saludos
    FS

    • http://www.decabeza.net Weedo

      En este momento estoy medio parado con los tutoriales, tanto escritos como de videos. Pero apenas me libere un poco veo de seguir armando… hay mucho para mostrar… Saludos y gracias!

  • http://www.decabeza.net/ Weedo

    En este momento estoy medio parado con los tutoriales, tanto escritos como de videos. Pero apenas me libere un poco veo de seguir armando… hay mucho para mostrar… Saludos y gracias!

  • luis

    Hola!! Muy buen tutorial, si pudiras hacer la función de CLICK en la clase estaría genial, o si pudieras enseñarnos como ligar esto a un menú con todo y el click estaría de 10! Saludos!

  • luis

    Hola!! Muy buen tutorial, si pudiras hacer la función de CLICK en la clase estaría genial, o si pudieras enseñarnos como ligar esto a un menú con todo y el click estaría de 10! Saludos!

  • http://www.decabeza.net/ Weedo

    Luis, aca tenes un ejemplo del menú con el click
    http://www.decabeza.net/2008/12/22/menu-dinamico-en-xml-y-actionscrip-3/

    Saludos!

  • Josué Blanco

    peivem no se si para la fecha ya has aprendido un poquito mas de as3 pero es mas sencillo.
    lo que explicó sebas en este tutorial es para crear la clase pero tambien podes ponér un simple botón y ponerle un listener y listo, no necesitas mas.

  • Josué Blanco

    Bueno, tengo una pregunta, esto funciona con CS4??? porque lo e intentado varias veces hacer el ejemplo igualito a como lo tenés en el tutorial y no funciona. flash no detecta ningun error y corre pero no hace ni el stop() ni cambia el cursor ni hace ninguna de las acciones. Solo se corre indefinidas veces la animacion.

  • Josué Blanco

    Bueno, tengo una pregunta, esto funciona con CS4??? porque lo e intentado varias veces hacer el ejemplo igualito a como lo tenés en el tutorial y no funciona. flash no detecta ningun error y corre pero no hace ni el stop() ni cambia el cursor ni hace ninguna de las acciones. Solo se corre indefinidas veces la animacion.

    • http://www.decabeza.net Weedo

      Si anda con AS3 en cualquier IDE, sea CS3, CS4 o flex!
      Saludos

      • Josué Blanco

        Si, gracias. era un error mío a la hora de copiar el codigo. la verdad no se donde, pero cuando me descargue el codigo me funciono perfectamente. Ojalá se pudieran borrar los comentarios.

  • http://www.decabeza.net/ Weedo

    Si anda con AS3 en cualquier IDE, sea CS3, CS4 o flex!
    Saludos

  • Josué Blanco

    Si, gracias. era un error mío a la hora de copiar el codigo. la verdad no se donde, pero cuando me descargue el codigo me funciono perfectamente. Ojalá se pudieran borrar los comentarios.

  • hugosand

    Muchas gracias!!
    esta muy bien explicado y bastante detallado, la verdead estoy empesando con el as3 y cada tutorial que encontraba en otros sitios era muy enredado, nuevamente gracias y saludo!!

  • Pingback: Efecto rollover en Flash, con ActionScript 2 ‹ Sebastián Barría – Desarrollo web y multimedia

  • JOHNNY

    Hola q tal muy bueno el tutorial exelente…. pero tengo un problema :(
    e aplicado el efecto rollover a un mc ..al reproducirce el mc le coloque un sonido pero aqui esta el problema al quitar el mouse se vuelve a reproducir este sonido que puedo hacer para que el sonido solo se reprodusca con el efecto rollover y no en el rollout ayuda xfa…..
    de antemano t agradesco
    att:Johnny
    PD:respondeme a mi emai johnnymaurix@hotmail.com gracias

  • JOHNNY

    Genial el tutorial….Gracias

  • http://www.decabeza.net/ Sebastián Guidobono

    Si pusiste la reproducción del sonido dentro del método del RollOver debería sonar únicamente cuando pasas por encima!
    Escribí por favor como te quedo el método con el sonido a ver si hay un error…
    PD: la idea es compartir los problemas y soluciones por si a alguien le sirven =D

  • Max

    Gracias Master!!! Está muy bien el video.
    Estaba buscando como hacer esto y me sirvió mucho.
    Un saludo!

  • Mónica

    Cómo se puede aplicar para Dos fotografías antes y despúes?

  • http://www.decabeza.net/ Sebastián Guidobono

    Mónica, no se si te referís a que se vea una foto y al pasar por arriba se vea el después…
    Si es así simplemente en la animación del botón pones dos capaz, con cada foto en una capa…
    y hace una animación de alpha de una a otra…

    Saludos!

  • Joinmedia

    El mejor tutorial sobre programación de objetos que he visto.
    Sigue haciendo tutoriales de esta calidad.
    Gracias

  • http://www.decabeza.net/ Sebastián Guidobono

    Gracias Joinmedia por el cumplido, pero hay mucho mejores, jajaja!
    Es complicado dedicarle tiempo al blog, pero cada tanto, cuando tengo tiempo, subo algunas cosas!

    Saludos y gracias nuevamente!

  • AlfroWatchor

    tio eres un crack. Queremos más video tutoriales tuyos, explicas muy bien y es de mucha ayuda ver estas cosas en vivo y en directo porque a primera vista parece imposible construir todo ese codigo (al menos para los novatos, entre los que me incluyo) y por mas que lo intento no consigo construir ni un simple “hello world” a pesar de que llevo tres semanas invirtiendo 8 horas al día en lectura de manuales y siguiendo pasos de tutoriales, pero tus video tutotriales parecen explicar bien, los seguiré todos a partir de ahora. Y muchas gracias !!!!!

  • http://www.decabeza.net/ Sebastián Guidobono

    Muchas gracias Alfredo!
    Es un gran aliento que me digas estas cosas… la verdad es que no siempre tengo tiempo y lleva un rato grabarlos, editarlos y demas…
    Prometo hacer uno próximamente…

    ¿Qué tema te interesaría?
    Abz

  • Finfante24

    Exelente tutorial, estuve buscando por la web y no daba con ninguna explicacion como esta MAGISTRAL, Gracias Sebastian….

  • http://www.decabeza.net/ Sebastián Guidobono

    No hay porque… es un placer compartir!
    Prometo que cuendo esté con más tiempo vuelvo a darle pelota al blog!

    Saludos y gracias a ustedes por leerlo!

  • TwangerMarvel

    Excelente tutorial me fue de gran ayuda para animar los botones para una pagina web. Continua con tu trabajo y gracias por compartir tus conocimientos.

  • veronica

    gracias por compartir tus conocimientos, esta interesante tu explicacion.
    agradeceria pudieras hacer otros videos asi de explicativos.

  • http://www.decabeza.net/ Sebastián Guidobono

    Gracias veronica!
    Hace un tiempo estoy con mucho trabajo por suerte y se me complica dedicarle tiempo al blog.
    Ya veremos que pasa.
    Abz!

  • Gecaji

    hola muy bueno tu video
    estos archivos pueden transladarse a as2?
    o puedes indicarnos un codigo para poder acerlos ?
    gracias por compartir

  • http://www.decabeza.net/ Sebastián Guidobono

    Hace mucho no uso AS2 y pasarlo no es tan facil.
    Obviamente que se puede, pero sería hacer casi todo de cero. Abz!

  • george

    La verdad muy bien explicados tus videos, luego luego me encanche con tu explicación, lo haces ver facil. Ojala pudieras agregar mas videos.
    Saludos,