Как сделать маску в AS3

Question

У меня есть duvifa, который:

Интересно, если это можно сделать маску в MovieClip, как это показано ниже:

Если это изображение было бы начало игры.

Когда пользователь нажимает на экран, тип крема будет создан, но не так, как он будет распространяться по всей сцене, но только на моем пути.

Как показано ниже:

А также хотел бы знать, могу ли я получить процент от того, что было заполнено в форме, чтобы увидеть, если пользователь заполнил по меньшей мере 40 %.

Спасибо У.

Answer 1

Вот краткий пример использования flashPro, предполагая, что у вас есть форма графика как импорт .png объекта библиотеки с экспортом для Actionscript класса MC.

import flash.display.Shape; 
import flash.events.Event; 
import flash.display.BlendMode; 

var mc:MC = new MC(); //the background image 
addChild(mc); 

var drawing:Shape = new Shape(); //drawing foreground 
addChild(drawing); 

var mcMask:MC = new MC(); //mask version of background image 
addChild(mcMask); 

var outerMask:Shape = new Shape(); //this object masks the areas outside the bounds of mcMask object 
outerMask.graphics.beginFill(0); 
outerMask.graphics.drawRect(0,0,mcMask.width,mcMask.height); 
outerMask.graphics.endFill(); 
addChild(outerMask); 

drawing.mask = outerMask; //the mask to the shape whose dimensions equal the image mask 

mcMask.blendMode = BlendMode.ALPHA; //this tells the mask graphic to make things underneath it use the same alpha data as this image. This works will with PNG masks. 
this.blendMode = BlendMode.LAYER; //the parent needs to have a blend mode of LAYER for it to work properly 

stage.addEventListener(MouseEvent.MOUSE_MOVE,draw); 

function draw(e:Event):void { 
    trace("draw"); 
    drawing.graphics.beginFill(0x0000FF); 
    drawing.graphics.drawCircle(mouseX,mouseY,10); 
    drawing.graphics.endFill(); 
}