Flex + Papervision 3D

Uno de los proyectos más interesantes de los últimos meses es, sin duda alguna, Papervision 3D, creado por Carlos Ulloa y John Grden. Con este API, podemos crear sofisticadas webs con elementos tridimensionales. Sin duda una nueva revolución que acerca el 3D a internet gracias al Flash Player.

Papervision 3D (PV3D) puede ser combinado con Flex de forma muy sencilla. Aquí tenéis un ejemplo básico de su uso:

[ftf w=”450″ h=”200″]














[/ftf]

El resultado de este ejemplo sería:

[swf]/img/entries/2007/09/demoflexpv3d.swf,400,300,9,#ffffff,url_en_caso_de_no_encontrarlo[/swf]

Básicamente estamos pintando en un plano tridimensional un panel (myPanel) con su contenido. Si interactuais con el formulario de la izquierda su estado se refleja en el plano respetando la orientación que este tenga. Actualmente se está desarrollando la forma de tener interactividad directa con un DisplayObject (podeis ver el branch “Phunky” en el SVN del proyecto), y ya existen bastantes avances al respecto.

En el ejemplo es el Canvas3D es el que posibilita la mejor integración de PV3D con Flex. Como todo proyecto en PV3D, teneis que crear una escena, una camara y algo que representar. En este caso hemos creado un Plano con una textura Bitmap (BitmapMaterial). Finalmente, hemos añadido una función en el evento enterFrame para que el plano responda a los movimientos del ratón.

Este proyecto está dando y dará mucho de que hablar ya que abre un nuevo mundo de posibilidades en internet sin más necesidad que un navegador y el plugin de Flash Player.

8 Comentarios

  1. Edgar Parada

    Impresionante, ahora imaginen esto combinado con un Wiimote para controlar la aplicación, ya lo estan haciendo con Flash y hacia Flex se vuelve mucha diversión. Muy buen post Carlos.

  2. Javier Torralba

    Recientemente he creado un proyecto utilizando esta libreria intentando simular efectos que actualmente solo se pueden ver en linux Compiz o Apple. Podeis ver el resultado en estos dos videos:
    http://www.youtube.com/watch?v=wOPOXSoArWQ
    http://www.youtube.com/watch?v=hZ9VHzTMwr8

    Si quereis probar el invento (aun en fase alfa) entrad en:
    http://www.thereplicants.net/flex/test/Dashboard.html

    Para hacer uso del efecto cubo matened pulsado SHIFT y acontinuacion ESC y sin soltar moved el rato o utilizad las flechas del cursor. Este efecto solo funciona de omento en Internet Explorer.
    Saludos.
    Javier Torralba

  3. Josue Aparicio

    Carlos estamos probando tu ejemplo de papervision3d…ya bajamos las librerias y al ejecutar el ejemplo me aparece el plano tridimensianal pero sin la piel del componente de la izquierda. O sea me aparece en blanco pero con el comportamiento en 3d. ¿Que me sugieres?

  4. Albert

    Utilizo un Canvas3d con un panorama sobre papervision, con camara y materiales montado sobre una tittleWindow.

    El problema es al abrir la segunda vez el panorama…no carga los materiales aunque si crea las trasnformaciones…alquien sabe algo?

  5. Jorge

    Me parece un aporte interesante, lo he probado y funciona a la perfección, pero me gustaría hecer esto sin que estuviera el panel fijo de la izquierda, es decir, crearlo dinámicamente y que este tenga efecto 3d sin necesidad de tenerlo creado de forma fija.

    Gracias, un saludo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Acerca de Made In Flex

Made In Flex es una comunidad de desarrolladores de Apache Flex creada en 2006.

Apache Flex, anteriormente conocido como Adobe Flex, es un SDK (kit de desarrollo de software) para crear aplicaciones enriquecidas - multiplataforma basadas en Adobe Flash donado por Adobe a la fundación Apache in 2011 y promocionado a proyecto de primer nivel en Diciembre de 2012.

Actualmente estamos cambiando muchos aspectos del sitio web para ofrecer un sitio útil para toda la comunidad que tenga en cuenta las necesidades actuales.

Últimas Fotos

Instalador de Apache Flex

Entrar o Registrase