PaperVision 3d | Motion.com.mx

Categor�a: PaperVision 3d
Nuevo chat 3d en español (hecho con papervision3d)
Categoría: 3d, ActionScript, ActionScript 3, Flash, General, Guadalajara, Mexico, PaperVision 3d | Fecha: 25.07.2009 | Leer : 6
Por fin tuve tiempo de trabajar un poco en proyectos personales y logre terminar este chat que habia estado trabajando desde hace un buen rato.

Algunas de las caracteristicas de este chat :
- Posibilidad de seleccionar nickname y avatar
- Controles de avatar con las flechas del teclado
- Interaccion en tiempo real con otros usuarios de internet
- 2 posibles posiciones para la camara, angulo de tercera persona y angulo panoramico (tecla control)
- mensajes de texto dentro del ambiente 3d
- desarrollado con papervision3d
- desarrollado con red5
- fisicas basicas dentro de un ambiente 3d (friccion, aceleracion, limites, easings, masa, inercia)
- Iconos creados por www.tutorial9.net
- librerias utilizadas:Tweener, papervision3d, SWFProfiler y framework motion.com.mx
- posibilidad de agregar el numero que sea de bots (personajes simulados)
- posibilidad de definir paredes y techo
- posibilidad de permitir a los avatares moverse dentro del espacio 3d (es posible volar pero lo limito a 2 dimensiones por el momento para evitar mareos )
Planeo agregar mi componente socialis (invitador de amigos)

y tal vez investigar la integracion con la api de facebook para usar fotos de personas en lugar de avatares.

Los veo en el chat !!

www.motion.com.mx/chat3d/
texto a voz en frances
Categoría: ActionScript 3, Guadalajara, PaperVision 3d, Uncategorized | Fecha: 04.06.2009 | Leer : link

En este momento estudio frances como pasatiempo y por cultura, por eso busque recursos para aprender mas rapido y me tope con este post de Fle d’Artifice donde mencionan varios sistemas para pasar texto a voz en varios idiomas .

La direccion es : http://francesvirtual.blogspot.com/2006/11/de-texto-voz.html

El traductor de texto a voz que mas me gusto esta basado en flash : http://www.acapela-group.com/text-to-speech-interactive-demo.html
experimento papervision3d con line3d y vertex3d
Categoría: ActionScript 3, Guadalajara, PaperVision 3d, Uncategorized | Fecha: 28.05.2009 | Leer : link

Estoy tratando de crear una especie de arbol 3d usando lineas y objetos con papervision y por el momento no he conseguido el efecto que quiero pero creo que es un buen inicio, pueden ver el experimento dando click en la imagen.

Para crear una la linea 3d curva sencilla se usa codigo como este :

var lineMaterial:LineMaterial = new LineMaterial(0x2BD533, 1 );
var linesGroup:Lines3D = new Lines3D( lineMaterial );
var v0:Vertex3D = new Vertex3D( oldPlane.x, oldPlane.y, oldPlane.z ) ;
var v1:Vertex3D = new Vertex3D( plane.x, plane.y, plane.z ) ;

var vc:Vertex3D = new Vertex3D( Math.abs((v0.x – v1.x) / 2) +v0.x * Math.random() ,
Math.abs((v0.y – v1.y) / 2) +v0.y ,
Math.abs((v0.z – v1.z) / 2) +v0.z * Math.random() )

var line3d:Line3D = new Line3D ( linesGroup, lineMaterial, 2, v0, v1 , vc);

Gracias a xleon de la lista de papervision3d en español por la ayuda !

lineas3d curvas con ppv3d
jugando con posiciones y camara usando papervision3d
Categoría: ActionScript, ActionScript 3, Flash, General, PaperVision 3d | Fecha: 10.04.2009 | Leer : 2

Usando la misma logica que use en el experimento del post anterior , uso un objeto 3d al que sigo todo el tiempo con la camara usando el metodo “lookAt” y ahora en lugar de darle posiciones XYZ al azar a la camara lo que hago es crear una ruta circular dividida en X numero de pasos.

La posicion de los objetos tipo “Plane” los defino usando la misma formula que uso para crear la ruta circular de la camara , basicamente la esfera es son 7 anillos de objetos.

Esta es la clase que cree para crear las rutas circulares :

package com.masgdl.geom {

/**
* …
* @author www.masgdl.com
*/
public class Ring {

public function Ring() {

}
/*
* returns bidimensional array with the positions of the items in the ring
*/
public static function getRingArray(totalItems:Number, radius:Number):Array {
var anglePerItem:Number = (Math.PI*2) / totalItems
var positions :Array = new Array();

for (var i:int = 0; i < totalItems ; i++) {
positions.push ( { a: Math.sin(i * anglePerItem) * radius ,b: Math.cos(i * anglePerItem) * radius } );
}

return positions;
}
}

}
Mover la camara de papervision3d con Tweener
Categoría: ActionScript, ActionScript 3, Flash, PaperVision 3d | Fecha: 10.04.2009 | Leer : 2

Soy nuevo en el uso de papervision por eso es probable que haga varios posts de experimentos para empezar este es uno de mis primeros intentos para entender el uso de la api Great White.

El problema que me encontre es que el metodo “lookAt” de la clase “camera3d” para hacer que la camara apunte hacia determinado objeto no da ninguna opcion de hacer una transicion de movimiento de un objeto a otro si no que simplemente hace el salto de uno a otro .

Explicandolo de una forma mas casual (menos geek) al cambiar el objetivo de mi camara a un segundo objetivo parecia que se hacia un corte de la toma y aparecia de inmediato el segundo objeto , mientras que la intencion era hacer que no hubiera cortes sino un movimiento desde el objeto 1 al objeto 2.

La solucion es hacer que la camara en lugar de tomar como objetivo cada uno de los cubos (fue mi primera aproximacion) tomara un objeto fantasma ( en mi demo un plano 3d) que se moveria de la posicion del cuboA a la posicion del cuboB y en todo momento tomar este objeto fantasma como el objetivo de la camara .

El resultado es el demo que pueden ver si dan click en la imagen de arriba, a veces se alcanza a ver el plano 3d que se mueve de un cubo a otro usando un tweening.

El demo lo unico que hace es crear 30 cubos 3d repartidos al azar y mueve la camara a puntos X Y (tambien al azar) usando Tweener , mientras que en cada frame actualizo el objetivo de la camara con la linea :

//fantasma 3d es mi plano3d que muevo del cuboA al cuboB

camera.lookAt( fantasma3d )

Si alguien conoce la forma correcta de hacer lo mismo por favor comentenla.