Interactive compositing of two images.
Drag this block into your app and then you can edit it's settings by right clicking on the block with your mouse.
This Block is used to overlay a local image to an image taken by the camera or available in the photo gallery. This Block works in conjunction with the action 'Select Photo'
The usual flow for using the Photo Frame is that the user is invited to choose a photo (text or image) which has the "Select a Photo" action on it. This action lets the user select an image from the device's camera roll or other native image store. Once selected the image can be referenced by certain blocks by using the variable name specified in the Selected Photo Key field. Usually this variable is used as the source of the User Image in the Photo Frame block. There is a Select Photo Done action in the Edit View which can be used to switch you to the view which contains the Photo Frame block. The User Image is the bottom image which can be zoomed/panned with multitouch. After the image has been composited, the user is then encouraged to save it to their camera roll on their device or to share it on their social networks using the "Save Image to Device" and/or "Post to Facebook/LinkedIn/Twitter" actions.
ONLY WORKS WITH LOCAL IMAGES
|Frame Image||The foreground image. Enter the exact file name of a local image from the Media Folder with "Access by name" checkbox selected. This image will be overlayed above the User Image.|
|User Image||The background image. This is usually an image supplied by the user via the "Select a Photo" Action where you supply a variable name in the "Selected Photo Key" field. This variable will be used as the source of the User Image. Example: [[var:UserImage]]|