As the title says, I’ve tried to use the bitmap masking to partially mask an image. Basically the image is a plant stem which will be 100% masked, and then I intended to move the mask upwards, thereby making it look like the plant was growing as more of the image was revealed.
However when I apply a mask, either the whole image is hidden or none of it; there is no in-between.
Changing the maskScaleX / Y, or just the maskX / Y had no effect, nor did the size of the image used for the mask.
I noticed the notes about using a mask which has a size which is a multiple of 4: initially I tried a 100 * 100 mask, then went right down to 8 * 8. Even on a 480 *320 background image, the mask hid the entire thing.
Also with the black border, the image I used was a black square which filled the entire canvas, so presumably the 3 edge pixels are used as the border?
Has anyone else had a similar problem? All of the other topics I’ve looked at seem to be around skewed masks, or incorrect image sizes.
I’ll include the code I’ve used, though there’s not much there.
--create background object
local bg = display.newImage("images/"..images.home.background,true);
bg:setReferencePoint(display.CenterReferencePoint);
bg.x = \_W/2; bg.y = (\_H \* 0.01) - 65;
-- Create mask and apply to image
local mask = graphics.newMask( "images/mask.png" )
bg:setMask( mask )
local function removeMask()
bg.maskScaleX, bg.maskScaleY = 0.5, 0.5;
end
--use timer so that it doesnt happen immediately, so I can see it change
timer.performWithDelay(2000, removeMask) Thanks in advance [import]uid: 84115 topic_id: 19395 reply_id: 319395[/import]