0 Replies Latest reply on Oct 12, 2012 1:04 AM by rameshvavila

    masking on 3 differents compoents with single image

    rameshvavila Level 1

      Hi Friends,

       

                    I created three shapes. in that shapes i am loading an image.now i want to apply mask to the image which is loaded in the three different shapes.i want to display shape area as mask. below i am sending code also what i am trying do please help me its very urjent.

       

      public function thribleSlipt():void{

                     

                      this.container.

      removeAllChildren();
                 
                      if(isCropped){
                          draggableImg.addChild(cropImag);
                           //draggableImg.source =cropImag;
                      }else{
                          draggableImg.addChild(ldr);
                          //draggableImg.source = ldr;
                      }
                     
                       square = new Sprite();
                      hline = new Sprite();
                      square1 = new Sprite();
                      square2 = new Sprite()
                      hline1 = new Sprite();
                      hline2 = new Sprite();
                      
                      elementmask = new Image();
                      elementmask.x = 0;
                     
                      elementmask1 = new Image();
                      elementmask1.x = 193;
                     
                       elementmask2 = new Image();
                      elementmask2.x = 386;
                     
                      square.graphics.beginFill(0xFFFFFF,0.4);
                      square.graphics.moveTo(22,21);
                      square.graphics.lineTo(22,15);
                       square.graphics.lineTo(22,446);
                      square.graphics.lineTo(0,424);
                      square.graphics.lineTo(0,0);
                      square.graphics.endFill();
                      square.x=147;
                       square.y=0;
                     
                      square1.graphics.beginFill(0xFFFFFF,0.4);
                      square1.graphics.moveTo(22,21);
                      square1.graphics.lineTo(22,15);
                      square1.graphics.lineTo(22,446);
                       square1.graphics.lineTo(0,424);
                      square1.graphics.lineTo(0,0);
                      square1.graphics.endFill();
                      square1.x=147;
                      square1.y=0;
                     
                       square2.graphics.beginFill(0xFFFFFF,0.4);
                      square2.graphics.moveTo(22,21);
                      square2.graphics.lineTo(22,15);
                      square2.graphics.lineTo(22,446);
                      square2.graphics.lineTo(0,424);
                       square2.graphics.lineTo(0,0);
                      square2.graphics.endFill();
                      square2.x=147;
                      square2.y=0;
                     
                      hline.graphics.beginFill(0x000000,0.4);
                       hline.graphics.moveTo(147,0);
                      hline.graphics.lineTo(170,23);
                      hline.graphics.lineTo(152,23);
                      hline.graphics.lineTo(15,23);
                      hline.graphics.lineTo(0,0);
                       hline.graphics.endFill();
                      hline.x=0;
                      hline.y=423;
                     
                      hline1.graphics.beginFill(0x000000,0.4);
                      hline1.graphics.moveTo(147,0);
                       hline1.graphics.lineTo(170,23);
                      hline1.graphics.lineTo(152,23);
                      hline1.graphics.lineTo(15,23);
                      hline1.graphics.lineTo(0,0);
                      hline1.graphics.endFill();
                       hline1.x=0;
                      hline1.y=423;
                     
                      hline2.graphics.beginFill(0x000000,0.4);
                      hline2.graphics.moveTo(147,0);
                      hline2.graphics.lineTo(170,23);
                       hline2.graphics.lineTo(152,23);
                      hline2.graphics.lineTo(15,23);
                      hline2.graphics.lineTo(0,0);
                      hline2.graphics.endFill();
                      hline2.x=0;
                       hline2.y=423;
             
                      spMask = new Shape();
                      spMask.graphics.beginFill(0xDDDDDD);
                      spMask.graphics.moveTo(149,0);
                      spMask.graphics.lineTo(169,20);
                       spMask.graphics.lineTo(169,445);
                      spMask.graphics.lineTo(14,445);
                      spMask.graphics.lineTo(0,425);
                      spMask.graphics.lineTo(0,0);
                      spMask.graphics.endFill();
                       spMask.x=0;
                      spMask.y=0;
                     
                      spMask1 = new Shape();
                      spMask1.graphics.beginFill(0xDDDDDD);
                      spMask1.graphics.moveTo(149,0);
                       spMask1.graphics.lineTo(169,20);
                      spMask1.graphics.lineTo(169,445);
                      spMask1.graphics.lineTo(14,445);
                      spMask1.graphics.lineTo(0,425);
                      spMask1.graphics.lineTo(0,0);
                       spMask1.graphics.endFill();
                      spMask1.x=0;
                      spMask1.y=0;
                     
                      spMask2 = new Shape();
                      spMask2.graphics.beginFill(0xDDDDDD);
                       spMask2.graphics.moveTo(149,0);
                      spMask2.graphics.lineTo(169,20);
                      spMask2.graphics.lineTo(169,445);
                      spMask2.graphics.lineTo(14,445);
                      spMask2.graphics.lineTo(0,425);
                       spMask2.graphics.lineTo(0,0);
                      spMask2.graphics.endFill();
                      spMask2.x=0;
                      spMask2.y=0;
                     
                 
                      elementmask.addChild(draggableImg);
                       elementmask.addChild(spMask);
                      elementmask.addChild(square);
                      elementmask.addChild(hline);
                     
                      draggableImg.mask = spMask
                      this.container.addChild(elementmask);
                      
                     
                      elementmask1.addChild(draggableImg);
                      elementmask1.addChild(spMask1);
                      elementmask1.addChild(square1);
                      elementmask1.addChild(hline1);
                      
                      draggableImg.mask =spMask1;
                      this.container.addChild(elementmask1);
                 
                      elementmask2.addChild(draggableImg);
                      elementmask2.addChild(spMask2);
                       elementmask2.addChild(square2);
                      elementmask2.addChild(hline2);
                      draggableImg.mask =spMask2
                      this.container.addChild(elementmask2);
                     
                      
                      croppedImg.visible = false;
                  }

       


      Thanks in Advance,
      ramesh v