App. for run-time transparency mask creation

Hello,


This is a very complex question, and I reckon for the real gurus on the forum.
Before reading the rest of this post, please take a look at the attached image.

Basically, I need a dynamic system of masks to do these things:

1. Display six images of identical dimensions, with different fills and blanks. Fills represent 12% opaqueness, blanks represent full transparency.

2. From the first to the last image, there will be an "adding" effect, which results in the last image incorporating all the opaque fills of the previous images.

3. Hopefully, the filled areas' shapes can be modified at runtime, adding or deleting lines (like in Paint/Photoshop/SketchUp).

If anyone can be pinpoint me on the right track here, you'll save me a lot of precious time.

Thanks for the good will!!

Goodbye...

1. Use alpha masks that are 12% opaque - that will translate into 12% of your image coming through for those regions.

2. I'm not sure what you're asking here - this could be as simple as stacking the 6 masked images but I suspect there's more to it than that?

3. Making an editor adds a lot of complexity to this - you'd need to build out whatever drawing functionality (line drawing, drag and drop squares, pen tool, etc) - I'd keep those all at full opacity in the editing mode and when you're ready to commit (or whenever the mask is changed) - draw it to a new bitmap, alpha that down to 12% opacity and then apply that as your final alpha mask.