Methods and systems for defining gestures for a user interface

An electronic device, comprising:

• one or more processors;
• and
• memory storing one or more programs for execution by the one or more processors, the one or more programs including a utility for prototyping a user interface having one or more layers and instructions for:
• in the utility:
• developing a prototype of an application having the user interface, the developing comprising:
• for each image of one or more images in the user interface, selecting an image patch, selecting a layer patch, and coupling an image output of the image patch to an image input of the layer patch, wherein respective images of the one or more images correspond to respective layers of the one or more layers and wherein the image patch and the layer patch are graphical elements for defining the prototype of the application;
• selecting a gesture patch and specifying a gesture for the gesture patch, wherein the gesture patch is associated with an underlying gesture recognition engine, physics engine, and state machine, wherein the gesture patch is a graphical element for defining the prototype of the application;
• and
• coupling an output of the gesture patch to an input of a first layer patch, wherein the input of the first layer patch corresponds to a display parameter of a first layer of the one or more layers;
• generating the user interface for display in accordance with the coupling of each image patch, each layer patch, and the gesture patch;
• receiving user-interaction data for manipulating the user interface, the user-interaction data corresponding to the gesture;
• and
• in response to the user-interaction data, updating display of the user interface in accordance with the user-interaction data and the gesture patch as coupled to the first layer patch.

A non-transitory computer-readable storage medium storing one or more programs for execution by one or more processors of an electronic device, the one or more programs including a utility for prototyping a user interface having one or more layers and instructions for:

• in the utility:
• developing a prototype of an application having the user interface, the developing comprising:
• for each image of one or more images in the user interface, selecting an image patch, selecting a layer patch, and coupling an image output of the image patch to an image input of the layer patch, wherein respective images of the one or more images correspond to respective layers of the one or more layers and wherein the image patch and the layer patch are graphical elements for defining the prototype of the application;
• selecting a gesture patch and specifying a gesture for the gesture patch, wherein the gesture patch is associated with an underlying gesture recognition engine, physics engine, and state machine, wherein the gesture patch is a graphical element for defining the prototype of the application;
• and
• coupling an output of the gesture patch to an input of a first layer patch, wherein the input of the first layer patch corresponds to a display parameter of a first layer of the one or more layers;
• generating the user interface for display in accordance with the coupling of each image patch, each layer patch, and the gesture patch;
• receiving user-interaction data for manipulating the user interface, the user-interaction data corresponding to the gesture;
• and
• in response to the user-interaction data, updating display of the user interface in accordance with the user-interaction data and the gesture patch as coupled to the first layer patch.