[태그:] mask

  • 반투명 마스크 활용

    키노트에서 이미지의 마스크를 편집할 때에 다음과 같이 화면에 보여지는 영역을 제외한 바깥쪽을 반투명하게 표시하는 효과가 있습니다.

    플래시에서 이미지 편집 기능을 개발할 때에도 이런 효과를 쉽게 적용할 수 있습니다.
    아래 플래시 무비에서, 이미지를 드래그 해 보세요.

    아래 코드와 같이 cacheAsBitmap 속성을 사용하면, 반투명한 마스크를 사용할 수 있습니다. 참 쉽죠잉?

    import flash.display.Sprite;
    import flash.display.Graphics;
    import flash.events.MouseEvent;
    
    var sp:Sprite = new Sprite();
    var grp:Graphics = sp.graphics;
    grp.beginFill(0x0, 0.4);
    grp.drawRect(0, 0, 600, 400);
    grp.beginFill(0x0);
    grp.drawRect(50, 50, 500, 300);
    grp.endFill();
    
    addChild(sp);
    
    sp.cacheAsBitmap = true;
    mc.cacheAsBitmap = true;
    mc.mask = sp;

    FLA 소스파일 다운로드