Post Escrito

compartir

Carrusel 3d con PV3D (Video Tutorial) View Comments

Mar25

Click here To Watch Video

Bien, como prometí, acá les cuelgo el segundo Video Tutorial.
En este caso se trata de como hacer un efecto ya conocido en el mundo de los desarrolladores web. Un carrusel 3d. Pero con la diferencia que en vez de usar pura trigonometría también vamos a usar la librería de Clases llamada PaperVision 3d (PV3D), que ya mensione en otro post.

La calidad de audio y la proligidad del video no es lo mejor, pero me parece más optimo sacar varios videos que se entiendan y no perder tanto tiempo en esos detalles, que a veces evitan que pueda publicar los videos, por falta de tiempo.

A su debido tiempo ire mejorando esos detalles. Así quedan videos más cortos y mejor editados.
Espero les sirva y escriban comentarios y dudas!.

darchivos

Links:
Sitio de PaperVision 3d
Descargas de PV3D
PV3D 2.0 Beta

Comparte este artículo:
  • Twitter
  • Facebook
  • LinkedIn
  • del.icio.us
  • Google Bookmarks
  • Digg
  • Mixx
  • Reddit
  • email

También te puede interesar:

  1. Egs! dice:

    Ah… menos mal que prometiste no entrar en trigonometría… MUY BUENO, no importan los detalles de audio, lo que importa es la cervez, digo, la data que aportás. Las preguntas sobre PV3D te las voy a hacer en cuanto me ponga con este paquete, que está revolucionando todo. ¡Gracias por los videos!

  2. Gus dice:

    Antes que nada queria felicitarte por los tutoriales y los laburos que has hecho, son fantasticos. Yo estoy todavia verde en esto del flash cs3. Ahora, lo que queria consultarte es sobre la carpeta de clases, ya que baje los componentes de papervision, los coloque en una carpeta creada de clases; pero sin embargo, cuando doy para probar pelicula me tira errores, por ejemplo el 1172 que me dice que no encuentra la definicion de org.papervision3d. Esto lo hace para escenas,materiales,objetos y camara. Tambien tira error en la MovieScene 3D, etc. Lo mismo me paso con tutoriales de Lee en The Flash… asique, debo estar haciendo algo mal con el tema de las clases. Como te decia, estoy verde aún en esto. Por favor si me podrias orientar un poco, te voy a estar muy agradecido.

    Saludos y que sigan los éxitos.!!

  3. WeeDo dice:

    Gus, lo que tenes que hacer es copiar la ruta de tu carpeta (por ej. c:\proyectos\clases) y en Edit/Preferences seleccionas la categoría ActionScript. Ahí clickeas Setting de AS3 agregas un “pathClass” con la ruta que copiaste…
    Lo que estás haciendo acá es indicarle a flash todos los sitios de tu PC donde debe buscar las clases.

    Espero se entienda, cualquier duda vuelve a preguntar.
    Saludos!

  4. Gus dice:

    WeeDo… cómo estás? Antes que nada gracias por responder el post. Vos sabes que me sigue tirando el mismo error al probar la película… Hago todo como me decis, y sale el bendito error 1172. Te comento como hice con la carpeta, baje el archivo, descomprimi el Rar y puse todas las carpetas que tenia en esta ruta E:\PROGRAMAS EN PARTICION POST-FORMATEO\MACROMEDIA\FLASH_CS3\proyectos

    Se que debo estar cometiendo un error muy bolú, pero bue, estos son mis primeros pasos en flash cs3.

    Nuevamente gracias y Saludos!

  5. Muy bueno Seba!, te felicito!, me alegra que el blog crezca, dale para adelante, sos un groso! Y a ver cuando nos juntamos.
    Saludos y éxitos!!!
    JSE | Seba.

  6. paco dice:

    como hago para que sea clicable? o sea que sea un boton el item?

    Ya converti a boton, pero no funciona

    Gracias

  7. Cristian dice:

    Que bueno ver trabajos asi!! Felicitaciones, me a servido de mucho! Lo unico que me volvio loco es que lo estas usando para papervision3d 1.5 por eso algunos van a tener problemas si usan la version 2.0 que se debe manejar de otra forma, eso es para Gus que preguntaba porqué le largaba los errores: Te repito: SE DEBE USAR CON PAPERVISION 1.5.. dejandolo todo como esta funciona de maravilla!!! bueno.. cuanto falta para el siguiente tuto?!!! : ) lo espero con ansias!! Gracias por esta media hora de tu tiempo, aunque debe haber sido mas… Chau ; )

  8. Oss dice:

    Oye Gracias Deveras, esta Super que compartas estos conocimientos, yo me quiero meter mas a el Papervision3D , he visto sus a plicaciones y creo que son simplemente soprendentes. Sobre este tuto, solo me queda una propuesta (duda): y si quisiera que en cada item se cargara un archivo swf externo diferente, ke tendria que cambiar?? e generado los movie clips dinamicos con el numero de archivos espesificando sus rutas en un xml, pero al momento de ponerlos como material es cuando todo chafea!!… podrias decirme por qué?

  9. johel dice:

    hola primeramente muy bueno el tutorial… pero tengo un pequeno error que no se si me pudieras ayudar el error es el siguiente

    1046: Type was not found or was not a compile-time constant: MovieScene3D. ya agregue las clases pero no se por que no funciona muchas gracias

  10. WeeDo dice:

    Algo que podrías probar que no es nada recomendable pero para ver si te funciona es bajarte la version 2.0 de PaperVision y una vez descomprimida en tu carpeta tirar los archivos de la 1.5 y que pise los necesarios…

    Probando cosas raras una vez me funciono hacer eso… Igualmente este ejemplo esta hecho con el 1.5… en un futuro si tengo un tiempo paso el codigo a 2.0 y lo subo…

    Saludos!

  11. MIRA QUEREMOS SUBIR 10 IMAGENES AL CARRUCEL
    PERO LA VERDAD NO SABEMOS COMO DONDE PODEMOS CONSULTAR MAS INFORMACION DE COMO HACERLO.
    NOS GUSTARIA PONERNOS EN CONTACTO CONTIGO
    MUCHAS GRACIAS ESPERAMOS ENTENDER EL FLASH PRONTO.
    ESTAMOS EN MEXICO

    ATTE. RAMON GONZALEZ

    • Hattory dice:

      Hola amigo para poder cambiar la imagen solo crealas con el mismo mombre mas 1, es decir, nombra a tu imagen Item, a tu imagen dos Item1, a la tres Item2 y asi sucesivamente, ahora en el codigo indicale el cambio de textura con el comando “for”, y quedaria asi…

      new MovieAssetMaterial(“Item” + i);

      ahora, cada que el for cuenta y añade 1, tu material tendra un 1 mas quedando asi “Item1″, “Item2″ … recuerda que tienes que crear tantas texturas (clip´s llamados Item1, Item2, etc…) como objetos o de lo contrario marcara un error….
      Espero te sirva…

  12. Migue dice:

    WeeDo, buenisimo este tutorial, muy claro aparte es un buen punto de partida para generar muchas otras aplicaciones!

    Te hago una pregunta, estuve intentando, y buscando en foros y tutoriales, pero no puedo lograr agregrar listeners a cada una de las instancias de “Plane”… existe alguna forma o tengo que usar el tipo de escena “InteractiveScene3D”??

    Muchas gracias!

  13. Federico dice:

    Excelente tutorial, ..estoy empezando con AS3, ..y me esta costando bastante la OOP,…pero va saliendo,…arriba ! y gracias.

  14. ulises dice:

    Muy buen Tutorial me agrado bastante espero que hayan mas de estos. Felicitaciones

  15. MeL dice:

    Sabes que tu tutorial no me funciona… No me reproduce el video… Tendrías alguna manera de explicarme cómo hacer el carrusel de imágenes ? Si te fijas en mi página tengo uno subido pero que está mal hecho alguna parte del código, ya que cuando pincho en una imagen el carrusel no se detiene… Si quieres contactame por el msn… Te dejo un beso

  16. Eliphas dice:

    Mil gracias desde españa.

  17. luis dice:

    hola hermanazo..

    muy buenos tus tutos, gracias por darte el tiempo, me has aclarado muchass dudas, de verdad gracias.

    solo una duda esqe si podrias explicar como poner imagenes y con link, porqe es bueno el tutorial no sirve de mucho si es como una sola imagen y sin poderlos linkear.

    salu2 ojala te des la paja en responder te lo agradeceria mucho

    salu2

  18. Alan dice:

    Hola que tal?
    recien hace una hora masomenos entre a la pagina y me encanto…
    este es un de los mejores tutoriales que vi jeje!
    pero queria saber como hacer para hacer un carrousel pero para que en vez de una sola imagen que se repita… Se usen varias … entendes , como un menu (creo jeje).

    Bueno espero tu respuesta, nos vemos.. y Seguí Así.
    Chau.

  19. jhon dice:

    hola, muy weno el tuto

    pero me gustaria saber si me pueden ayudar x q kiero hacer un efecto como este de carrusel, pero q en el medio de los items vaya un disco de vinilo girando de acuerdo a la posicion del mouse…

    soy principiante en flash, asi q la ayuda q necesito es mucha :s

    gracias!

  20. erik dice:

    hola que tal amigo felcidades por tu portal y tu ayuda. oye me gusto este efectoy me surgio la idea de q este efecto carrusel lo modifique para acerlo un menu como el de la pagina de Espn.com
    pero no conozco as3 tengo dos preguntas amigo.

    primira tengo una animacion y eh metido este codigo todo vien pero se reproduce desde el primer frame ay alguna forma de q se reproduzca en un frame especifico?.

    otra si se puede crear un menu con este efecto pues decirme si el video de importar xml a flash con ese puedo unir el codigo para q funcione como menu. agradezco de antemano tu apoyo. saludos q estes superbien,

  21. Hattory dice:

    Hola una super felicitacion por el tuto y en general por todo tu site…

    Es muy bueno, pero es solo estetico, como logro hacerlo funcional, es decir, que sea un boton cada imagen y a su vez pueda poner una instruccion diferente a cada uno…
    Cambiar la imagen de cada uno ya lo logre…
    Gracias por el aporte.

    • Weedo dice:

      Podes agregarle un nombre a cada boton dentro del array de esta forma:
      tmp.name = “boton”+i; // quedando boton0, boton1, boton2, etc
      Agregas tambien un evento de Mouse a cada botón, también dento del for, así:
      tmp.addEventListener(MouseEvent.CLICK, onEventos);

      entonces creas la función onEventos así…

      private function onEventos(e:MouseEvent):void
      {
      switch(e.target.name){
      case “boton0″:
      // aca va la accion del primero…
      break;
      case “boton1″:
      // aca va la accion del segundo… y asi todos los case que quieras….
      break;
      }
      }

      Esta es una forma útil y rápida, pero hay muchas formas, segun la necesidad y como esté armada la aplicación…
      Saludos y espero te sirva!

  22. Damian dice:

    GRaciuas por el tuto, esta muy bueno.. Pero no me funciona el vínculo de descaargar. Me vincula al mismo sitio pero no arranca la descarga. :(

  23. Ya subí de nuevo los archivos! Perdón, pero es un post viejo y quedo con las rutas del anterior servidos :D

  24. Giskard2010 dice:

    Hola en el video comentavas algo sobre un libro de flash sobre trigonometria, me gustaria saber si esta en castellano y si esta basado en as3.0 y tambien si podrias indicar el titulo del libro, es que el tema de la trigonometria me tiene bloqueado desde ahce tiempo. un saludo

  25. El libro se llama “ActionScript Animation” de la editorial FriendsofED , yo lo tengo en ingles y sobre AS2…
    Se que hay una versión de ActionScript 3, pero no se si está en español, abria que buscar en Cuspide o algun lugar así…
    Saludos, espero te sirva el dato!

  26. Backtoschool76 dice:

    mm me salen 4 errores son estos creo que tiene q ver con las clases:
    1180: Call to a possibly undefined method Plane.var p:Plane = new Plane(mam, 54, 110, 2, 2);

    1180: Call to a possibly undefined method MovieScene3D.var scene:MovieScene3D = new MovieScene3D(con);

    1046: Type was not found or was not a compile-time constant: MovieScene3D.var scene:MovieScene3D = new MovieScene3D(con);

    1046: Type was not found or was not a compile-time constant: Plane.var p:Plane = new Plane(mam, 54, 110, 2, 2);

    tendre q ver con como ubico mis clases??

  27. Fijate si estas importando las clases! Parece que no…
    Arriba de todo en la clase donde estes escribiendo eso fijate…. clase Plane y MovieScene3D

    Saludos!

  28. Akevinieron dice:

    Hola hola!! Bien de bien el tuto, lo que has explicado esta muy bien. Aunque tengo un problemita, tuve que bajar aparte la Clase MovieScene3D (googleando) ya que no viene con el paquete de PV3D 2.0 que baje desde su pagina oficial. La importo y al probar pelicula me da el siguiente error: MovieScene3D.as, Linea 129 | 1020: el metodo marcado como override debe sustituir a otro metodo. La verdad que me interesa mucho poner a funcionar el carrusel pero esta clase no me permite, que hago??

  29. Como va?
    El problema con ese tuto es que está hecho con una version beta de la libreria y encima vieja!
    Es para tener una idea de como funciona, ya que la libreria final oficial es distinta a la usada en el tutorial

    Con tiempo voy a armar una versión con las clases actuales
    Saludos y gracias por escribir

  30. Como va?
    El problema con ese tuto es que está hecho con una version beta de la libreria y encima vieja!
    Es para tener una idea de como funciona, ya que la libreria final oficial es distinta a la usada en el tutorial

    Con tiempo voy a armar una versión con las clases actuales
    Saludos y gracias por escribir

  31. Como va?
    El problema con ese tuto es que está hecho con una version beta de la libreria y encima vieja!
    Es para tener una idea de como funciona, ya que la libreria final oficial es distinta a la usada en el tutorial

    Con tiempo voy a armar una versión con las clases actuales
    Saludos y gracias por escribir

Podés dejar tu comentario...

* Deben ser completados

blog comments powered by Disqus

DeCabeza.net usa WordPress y el tema FREEmium.
desarrollado por Dariusz Siedlecki y modificado por DeCabeza.net