Papervision: Almacenar variables en elementos 3D

Etiquetas: InteractiveScene3DEvent InteractiveColorMaterial extra interactiveSceneManager renderCamera

Los elementos que heredan de displayObject3D, tiene una propiedad llamada extra en la que podemos almacenar variables por medio de un objeto. Por ejemplo si tenemos varios planos en 3D y queremos saber sobre cuál estamos haciendo click, creamos un objeto para cada uno, lo almacenamos en su propiedad "extra", y después en la función que recoge el evento click, accedemos a la variable que hemos guardado. Aquí vá un ejemplo de como hacerlo:

3 maneras de representar la información en Papervision

Etiquetas: Camera3D renderCamera ColorMaterial Tweener lookAt

Más allá de las modas, el futuro de la web debería estar en sitios como este, que aprovechan los motores 3D para mostrar información de manera clara en pantalla.

Aquí va una pequeña demo en PPV, que muestra 3 formas de representar información en 3D:

Ver demo Papervision

Materiales animados en Papervision 1.7

Etiquetas: Scene3D FreeCamera3D MovieAssetMaterial animated oneSide renderCamera

Para hacer materiales animados en Papervison 1.7, usamos el atributo animated de los materiales. Este código muestra como hacer un plano animado a partir de una animación de la biblioteca, vinculada con el nombre "Animacion".

Físicas en 3D: FOAM + Papervision 1.7

Después del experimento con APE y PPV, quería empezar a hacer experimentos con elementos 3D e interactividad. Después de algunos intentos fallidos con APE, he llegado a la conclusión de que es mucho más fácil hacerlo con el FOAM, asi que de momento me ha salido esto. Los elementos de arriba a la izquierda son arrastrables, y la interacción con ellos se refleja en el 3d.

Ver el ejemplo

Papervision: Elementos y materiales interactivos

Etiquetas: InteractiveScene3D FreeCamera3D VERBOSE InteractiveColorMaterial InteractiveScene3DEvent renderCamera

Papervision permite hacer elementos en 3D con materiales interactivos de forma realmente sencilla, pero es algo díficil encontrar documentación en la web. Este ejemplo muestra como hacer paneles de colores interactivos. Al hacer click en uno de estos paneles, la cámara se acerca hasta él, y al hacer doble click fuera de los paneles, la cámara vuelve a su punto inicial. En el ejemplo se utiliza InteractiveMovieMaterial, pero hay un material interactivo para cada tipo de material.

Puedes verlo a pantalla completa aquí

Papervision: Pintar en una esfera

Esta prueba la hice después de ver una de las demos de PPV de Mr. doob, en la que asignaba materiales dinámicamente a unos planos dependiendo de su posición. La idea es tener una pizarra en 2D, y una esfera en 3D, e ir creando el skin de la esfera a partir de lo dibujado en la pizarra, para crear el efecto de dibujo sobre la esfera. El resultado es este (evidentemente habría que ajustarlo para que quede creíble, pero la base es esta)

Papervision: Cubos Rusos

Hace unos años vi en www.uncontrol.com una demo en la que había varios cubos metidos unos dentro de otros, y reaccionaban a los movimientos de ratón con diferentes easings. Este es un "homenaje" a esa demo, hecha con PPV.

Tipos de materiales en Papervision 1.5

Etiquetas: MovieScene3D Cube MaterialsList WireframeMaterial MovieMaterial MovieAssetMaterial BitmapAssetMaterial ColorMaterial BitmapFileMaterial renderCamera

Este ejemplo muestra como crear un cubo con 6 tipos diferentes de materiales en Papervision (AS3). He utilizado los más básicos, en la wiki de Papervision se puede encontrar un listado completo con los materiales disponibles.

Papervision + Flickr

Me ha costado sangre, sudor y lagrimas, pero he conseguido hacer interactivos los objetos de Papervision. La primera prueba la he hecho mezclando PPV con los XMLs generados el perfil de Lola de Flickr. El resultado es este:

Primeras pruebas Papervision 3d

Papervision es un motor de gráficos para Flash. Aunque todavía está en versión beta, ya han salido algunas webs que lo utilizan y los resultados son muy prometedores. Quién no lo conozca puede echarle un ojo aquí. Yo, de momento, he hecho estas pruebas. Cuando lo tenga más controlado, empezaré a publicar aquí los fuentes.