Generating three-dimensional user experience based on two-dimensional media content

The present application provides methods and systems for generating three-dimensional user experience from two-dimensional media content such as a sequence of image frames received by a mobile device. The mobile device recognizes locations of a moving object in the sequence of image frames and applies a user-selected foreground template to the sequence of image frames by covering at least a portion of each image frame rendered on the display. When there is an overlap between the location of the moving object within one of the sequence of image frames and the predetermined foreground template, the device identifies, within the image frame, at least a portion of the moving object covered by the foreground template, and renders the covered portion of the moving object in front of the foreground template while a remaining portion of the image frame is rendered behind the foreground template.