Comunidad de diseño web y desarrollo en internet online

crear Efecto LLuvia sobre efecto Agua(Cristalab)

Citar            
MensajeEscrito el 28 Ene 2008 08:55 am
hola muy buens dias.. yevo varios dias pensando como desarrollar esto pero mi cabeza parece q no da pa esto...intentebuscando alguna accion q emulase un click de raton en un frame determinado.. pero no encontre nada.. ahora he estado probando con hit test..kiero que en vez de tener que hacer clik, en un frame determinado haga alguna onda de como si hubiera pasado el raton..saben decirme si cn el hit test estoy bien encaninado?lo seguire explotando... de antemano... muchas gracias..

Por Jonathan.albo

6 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 28 Ene 2008 12:03 pm
¿Será algo como esto lo que buscas?

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 28 Ene 2008 03:08 pm
Si .. jejeje esa parte ya la tengo trabajada... el efecto ese qeda de lujoo!! jejeje pr kiero que en vez de tener q dar un click con el raton.. q lo haga automaticamente en posiciones aleatorias....es una presentacion..es para q el usuario no tenga q intervenir..y lo haga solo..(loas ondas vaya) busque manera de simular un click de raton.. pr em parece q me qeda grande.. qeu no encontre nada..y la otra opcion q barajaba.. era la de cn el hittest... nose.. por dnd tirar.. pruebo pr nu consigo na...

Por Jonathan.albo

6 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 28 Ene 2008 10:01 pm
Código para Gotas de lluvia aleatoria:

Código :

import flash.display.*;
import flash.geom.*;
import flash.filters.*;
img = BitmapData.loadBitmap("imagen");
w = img.width; h = img.height;
pt = new Point();
Nx = new Matrix(); Mx = new Matrix(); Mx.scale(2, 2);
sal = new BitmapData(w/2, h/2);
sal1 = sal2 = new BitmapData(w, h);
ori = acum = new BitmapData(w/2, h/2, false, 128);
attachBitmap(sal2, 0);
ola = new ConvolutionFilter(3, 3, [0, 1, 0, 1, 1, 1, 0, 1, 0], 5);
ade = new ColorTransform(0, 0, .9958, 1, 0, 0, 2, 0);
agua = new DisplacementMapFilter(sal2, pt, 4, 4, 128, 128);
onEnterFrame = function () {
   //subir/bajar el 20 siguiente para aumentar/diminuir la lluvia
   if (random(100)<20){ 
     XM = random(w)/2 ; YM = random(h)/2;
     ori.setPixel(XM+1,YM,0); ori.setPixel(XM-1,YM,0);
     ori.setPixel(XM,YM+1,0); ori.setPixel(XM,YM-1,0);
   }
  sal.applyFilter(ori, new Rectangle(0, 0, w/2, h/2), pt, ola);
    sal.draw(sal, Nx, null, "add");
  sal.draw(acum, Nx, null, "difference");
  sal.draw(sal, Nx, ade);
  sal1.draw(sal, Mx, null, null, null, true);
  sal2.applyFilter(img, new Rectangle(0, 0, w, h), pt, agua);
  acum = ori;
  ori = sal.clone();
};

Por Teseo

SWAT Team

1780 de clabLevel

14 tutoriales

Genero:Masculino   SWAT



Ultima edición por Teseo el 29 Ene 2008 01:16 pm, editado 1 vez

firefox
Citar            
MensajeEscrito el 29 Ene 2008 01:15 pm
Surfing de agua con ratón "automático":

Código :

import flash.display.*;
import flash.geom.*;
import flash.filters.*;
img = BitmapData.loadBitmap("imagen"); w = img.width; h = img.height;
pt = new Point(); Nx = new Matrix(); Mx = new Matrix(); Mx.scale(2,2);
sal = new BitmapData(w/2, h/2); sal1 = sal2 = new BitmapData(w, h);
ori = acum = new BitmapData(w/2,h/2,false,128); attachBitmap(sal2,0);
ola = new ConvolutionFilter(3,3,[0,1,0,1,1,1,0,1,0],5);
ade = new ColorTransform(0,0,.9958,1,0,0,2,0);
agua = new DisplacementMapFilter(sal2,pt,4,4,128,128,"ignore");
ID = setInterval(ondas,30);
rd= Math.random ;XM=w/4; YM=h/4; despX=1; despY=1; st=false;
function ondas() {
   if (rd()<.01 ) {st=false; XM=rd()*w/2; YM=rd()*h/2;}
   if(rd()<.01 && !st)  st=true;
   if (st) {
      if( rd()<.03 ) despX=-despX; if( rd()<.01 ) despY=-despY;
      if(XM>w/2) despX=-1;if(YM>h/2) despY=-1;
      if(XM<1) despX=1; if(YM<1) despY=1;
      XM+=despX*(1+1*(rd()<.1)+1*(rd()<.2));YM+=despY*(1+2*(rd()<.5));
     ori.setPixel(XM+1,YM,0); ori.setPixel(XM-1,YM,0);
     ori.setPixel(XM,YM+1,0); ori.setPixel(XM,YM-1,0);
   }   
  sal.applyFilter(ori, new Rectangle(0, 0, w/2, h/2), pt, ola);
  sal.draw(sal, Nx, null, 8); sal.draw(acum, Nx, null, 7);
  sal.draw(sal, Nx, ade);sal1.draw(sal, Mx,null,null,null,true);
  sal2.applyFilter(img, new Rectangle(0, 0, w, h), pt, agua);
  acum = ori; ori = sal.clone();
};


Ejemplo con ese código:

Por Teseo

SWAT Team

1780 de clabLevel

14 tutoriales

Genero:Masculino   SWAT

firefox
Citar            
MensajeEscrito el 29 Ene 2008 03:32 pm
como coloco la imagen en un nivel inferior??? es que al crearla aparece por encima de lo que tengo en el escenario, he probado con img.swapDepths=1; pero no va.

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 29 Ene 2008 08:18 pm
En el código y para ejemplos suelo cargar el bitmap que hace de salida en el _root, eso es lo que hace la instrucción:
attachBitmap(sal2,0);
Si quiero asociar el bitmap de salida a un MC cualquiera creo dicho MC vacio y le asocio el Bitmap de salida ( en este caso es el sal2:
Despues de crear sal2 añado estas instruciones o lo que es lo mismo:

donde tenia:

Código :

attachBitmap(sal2,0);

le pongo en su lugar estas 2 lineas:

Código :

aguaMC = this.createEmptyMovieClip("ag",this.getNextHighestDepth());
aguaMC.attachBitmap(sal2,0);


Ahora el efecto lo tengo en el MC llamado aguaMC y con las propiedades de cualquier MC.

Cómo pasarlo al fondo?

Voy a explicar un truquillo.
1º Crea un nuevo simbolo vacio: Si tener nada seleccionado Control+F8. Ponle en nombre que quieras o el que sale por defecto, es irrelevante. Y Aceptar.
Ahora está en la biblioteca. Digamos que lo hemos llamado dummy.
2º Arrástralo al escenario y suéltalo en la capa que desees y donde quieras( también es irrelevante), quedará un circulito blanco. Pestaña Propiedades y dale nombre de instancia: vacio.

Ahora, justo después de las 2 lineas que cambiamos le añadimos esta otra:

Código :

vacio.swapDepths(aguaMC);

y nuestro Agua MC estará en el fondo de la aplicación y donde lo movamos (es un MC). Para colocarlo dentro del fondo donde queramos usaremos como siempre las capas.

Por Teseo

SWAT Team

1780 de clabLevel

14 tutoriales

Genero:Masculino   SWAT

firefox
Citar            
MensajeEscrito el 30 Ene 2008 12:13 pm
que bueno eres, gracias!

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 30 Ene 2008 12:16 pm
como se hace para que el efecto surfing lo haga el raton al moverse?

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 10 Feb 2008 09:01 pm
y algo como esto??

http://www.flashden.net/item/water-mouse/8106

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 12 Feb 2008 07:56 am
Teseo una ayudita por favor

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 12 Feb 2008 05:21 pm

clipdepelicula escribió:

Teseo una ayudita por favor

Ya es bastante la ayuda que te ha dado Teseo. No esperes a que te haga todo el trabajo.

Por Darel

725 de clabLevel

5 tutoriales

 

I'm a human

firefox
Citar            
MensajeEscrito el 13 Feb 2008 12:57 am
Si no es por no querer responder amigo Darel.
Es que no se qué pregunta!!
En la respuesta de The Fricky está el enlace a lo que creo que pregunta.

Por Teseo

SWAT Team

1780 de clabLevel

14 tutoriales

Genero:Masculino   SWAT

firefox
Citar            
MensajeEscrito el 13 Feb 2008 09:13 am

Darel escribió:

clipdepelicula escribió:

Teseo una ayudita por favor

Ya es bastante la ayuda que te ha dado Teseo. No esperes a que te haga todo el trabajo.


:?

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox

 

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