Comunidad de diseño web y desarrollo en internet online

pinceles de luz

Citar            
MensajeEscrito el 11 Ene 2011 03:25 pm
Muchas animaciones para video usan el elemento de pincel de luz o "light brush" o "light stroke" (en realidad le he escuchado muchos nombres). Es un concepto muy comun en video, mas no para flash. Hace una semana me pidieron simular la animacion de un video en donde lo usaban. Me toco hacer una version con PNG que al final no me convencio. Termine buscando opciones y encontre una muy buena: http://wonderfl.net/c/thVu. Lo trabajaron con una librerira llamada Frocessing (version flash de Processing) al parecer muy popular en Asia. La version que veo trabaja con el movimiento del raton.
Mi pregunta es: que conceptos o ideas se pueden mezclar para que algo asi funcione con un path controlado, que es como me parece que funciona en video. Alguien le conoce otros nombres al efecto?

Las ideas que he tenido van desde trabajar con particulas, 3d paths, drawing API, liberias de tweening, en fin...hay muchas ideas pero ninguna me termina de convencer.

Alguien tendra algun comentario para aportar?

Por aolba

31 de clabLevel



Genero:Masculino  

resolvedor de problemas

firefox
Citar            
MensajeEscrito el 12 Ene 2011 03:19 am
Pues si el sistema funciona usando las coordenadas del Mouse tenemos por seguro dos cosas:

El Evento funciona onMouseMove
El evento funciona tomando el X y Y del Mouse

Reemplaza eso por:

onMouseMove -> onEnterFrame
X y Y mouse -> Array Bidireccional con el path que quieres lograr

Un consejo, para generar más fácil el patrón, yo haría un script capaz de grabar coordenadas del mouse por ejemplo y devolverme el array para Flash.

También otra buena idea es usar dummys, una cosa muy usada en AfterEffect. Animas un MovieClip el cual por código le pones alpha 0, mouseEnabled false y luego le dices a la libreria que siga el X y Y de ese MC. El resultado debería ser exactamente lo que quieres y super controlado.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

chrome
Citar            
MensajeEscrito el 12 Ene 2011 03:20 am
Una idea más, puedes controlar el Scale de tu dummy, de esa forma más grande, más cerca haces el stroke, más chico más alejado. Así das un lindo efecto 3d sin complicarte demasiado.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

chrome
Citar            
MensajeEscrito el 12 Ene 2011 04:58 am
Bueno tendria que investigar sobre Array Bidireccional + path.
Sobre la idea del dummy, ya la habia contemplado, solo que en mi archivo solo se crean duplicados de un MC a lo largo de un path y les aplicaba blur + fade out, se veia bien pero no era del todo convincente, aunque no lo incorpore al ejemplo posteado.

Por aolba

31 de clabLevel



Genero:Masculino  

resolvedor de problemas

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.