Creando mascaras.

Buenas a todos, ojala me puedan ayudar...

El problema es el siguiente: Estoy haciendo un juego parecido al worms, donde tengo un fondo que quiero que valla desapareciendo segun caigan las bombas. Lo que se me ocurrio pero no se como hacer es esto:
Le aplico una mascara al fondo, pero esta mascara esta completamente dibujada (osea que se ve todo el fondo), conforme van cayendo las bombas voy borrando pedacitos de esa mascara para hacer que se oculten dichas partes, pero el porblema es que no se como hacer para borrar esos pedazos, se puede hacer eso??? alguna sugerencia????

Desde ya muchisimas gracias!!, saludos.

Hola. Coloca como mascara un movieclip con varios frames y en cada frame haces que la mascara sea diferente. Coloca un stop() en el primer fotograma.
Segun avance tu juego, vas cambiando el fotograma de ese movieclip...
espero que te sirva

Hola, gracias por contestar, pero necesitaria hacer algo un poco mas dinamico, por que la idea es que las bombas pueden caer en cualquier lado y de formas diferentes, y la mascara tiene que ir desapareciendo poco a poco segun vayan cayendo las bombas...es muy aleatorio.

Entonces create una mascara a partir de un movieclip que contenga una serie de movieclips pequeños formando una cuadricula. Haciendo un calculo de la posición en la que cae la bomba eliminas de la mascara los clips que toquen...

La verdad es que no es fácil lo que pides...
Prueba a hacerlo con bitmaps. Tienes un clip de cualquier forma llamado drag_clip y de color 000011 y otro clip llamado clip_fondo:

Código :

import flash.display.*;
import flash.geom.*;
var container:MovieClip = this.createEmptyMovieClip("container", 111);
container.useHandCursor = false;
var bitmap:BitmapData = new BitmapData(1000, 1000, true, 0x00000000);
var matrix:Matrix = new Matrix();
bitmap.draw(asd);
clip_fondo._visible = false;
container.attachBitmap(bitmap, 999);
drag_clip.startDrag(true);
drag_clip.swapDepths(getNextHighestDepth());
container.onPress = function() {
   matrix.tx = this._xmouse;
   matrix.ty = this._ymouse;
   bitmap.draw(drag_clip, matrix);
   bitmap.threshold(bitmap, bitmap.rectangle, bitmap.rectangle.topLeft, "<=", 0xff000011, 0, 0xffffffff, true);
};

Hola Zah. ¿El código que has puesto está entero? porque no funciona. y dandole un vistazo tampoco entiendo cual es su funcionamiento...

Probando con los bitmapsData monté este ejemplillo. a ver que te parece:

Código :

import flash.display.*;
import flash.geom.*;
var container1:MovieClip = this.createEmptyMovieClip("container1", this.getNextHighestDepth());
var container2:MovieClip = this.createEmptyMovieClip("container2", this.getNextHighestDepth());
var bitmap1:BitmapData = new BitmapData(Stage.width, Stage.height, true, 0);
var bitmap2:BitmapData = new BitmapData(Stage.width, Stage.height, true, 0);
container1.attachBitmap(bitmap1, this.getNextHighestDepth());
container2.attachBitmap(bitmap2, this.getNextHighestDepth());
var matrix:Matrix = new Matrix();
bitmap1.draw(clip_fondo1, matrix);
bitmap2.draw(clip_fondo2, matrix);
clip_fondo1._visible = false;
clip_fondo2._visible = false;
this.onMouseMove = function() {
   x = _xmouse - 15;
   y = _ymouse - 15;
   bitmap2.copyPixels(bitmap1, new Rectangle(x, y, 30, 30), new Point(x, y));
};

Shit! Un error en esta línea:

Código :

//bitmap.draw(asd);
bitmap.draw(clip_fondo);

Bueno, el código que puse es algo experimental. Tiene la ventaja de que puedes elegir la forma del sesgo (no es un cuadrado) y la desventaja de que no puedes usar el color negro en el fondo (bitMapData.threshold es un método bien raro pero es el único que hay)
De todas formas creo que hay una mejor manera de hacerlo, a ver si la encuentro...
Lo que hace es dibujar en el bitmap el clip de fondo. Tenemos un mc, que movemos con el ratón y su color es 0x000011. Entonces, cuando pulsamos sobre el clip del bitmap dibujamos el clip sobre él con las coordenadas en las que está (de allí el código del matrix) .Y después seleccionamos todos los pixeles de valor ARGB (alfa-red-green-blue) menor o iguales (no, con "==" no funciona bien) a 17 (0x11) y los volvemos transparentes.
pd: Hay que separar el bitMap (ctrl+b) del clip de fondo para que funcione

Código :

import flash.display.*;
import flash.geom.*;
var container:MovieClip = this.createEmptyMovieClip("container", 111);
container.useHandCursor = false;
var bitmap:BitmapData = new BitmapData(1000, 1000, true, 0x00000000);
var matrix:Matrix = new Matrix();
bitmap.draw(asd);
clip_fondo._visible = false;
container.attachBitmap(bitmap, 999);
drag_clip.startDrag(true);
drag_clip.swapDepths(getNextHighestDepth());
container.onPress = function() {
   matrix.tx = this._xmouse;
   matrix.ty = this._ymouse;
   bitmap.draw(drag_clip, matrix);
   bitmap.threshold(bitmap, bitmap.rectangle, bitmap.rectangle.topLeft, "<=", 0xff000011, 0, 0xffffffff, true);
};

Ah, claro que se podía hacer mejor, jugando con los blendModes. Así borramos exactamente la forma del clip y no necesitamos usar threshold, además de que se puede usar cualquier color, tanto en el drag_clip, como en el fondo:

Código :

import flash.display.*;
import flash.geom.*;
var container:MovieClip = this.createEmptyMovieClip("container", 111);
container.useHandCursor = false;
container.blendMode="layer"
var bitmap:BitmapData = new BitmapData(1000, 1000, true, 0x00000000);
var matrix:Matrix = new Matrix();
bitmap.draw(clip_fondo);
clip_fondo._visible = false;
container.attachBitmap(bitmap, 999);
drag_clip.startDrag(true);
drag_clip.swapDepths(getNextHighestDepth());
container.onPress = function() {
   matrix.tx = this._xmouse;
   matrix.ty = this._ymouse;
   bitmap.draw(drag_clip, matrix,null,"erase");
};

Aquí más ejemplos

Huyyy!!!!! muchisimas gracias....voy a probarlo lo antes que pueda

Estuve probando la ultima forma y me resulto para los que tuvieron dificultades les dejo el tutorial no se como poner el flash a la paguina

pero si me preguntan a mi mail se los paso ([email protected])[/flash]

Les agradesco por este ejemplo me ha sido bastante útil!