Question

I basically have this

and what I need to do, is when the user clicks on one of those boxes on the right, it’ll appear in the yellow box on the left.

Each of those right boxes will be unique with different graphics. It’ll basically be different graphics to be displayed on a T-shirt, which will be represented by the big black square.

Now I know that each of those graphics should be a button symbol with mouse click event, but I’m not really sure how to handle the event.

Should I just create a clone of that item and move it to the target area? Or is it possible to create some kind of blank placeholder where I could just display it?

Answer 1

The simplest solution is to just display it like you suggest.
Here are the steps to get that going:

1. Place a Bitmap object in the yellow
2. Create A BitmapData object of the size of the yellow area, and feed it to the BitmapData property of your Bitmap.
3. Use the BitmapData.draw() function of the BitmapData Object to make a visual snapshot of the blue and green areas. Like myBitmapData.draw(blueAreaDisplayObject);
4. Profit.