Automatic and interactive animation driven by change-based heuristics
Techniques for performing automatic interactive animation by automatically matching objects between multiple artboards, allowing an animator to link multiple artboards in a temporal sequence using time as a trigger and allowing an animator to preview an animation using intuitive drag controls via an input device such as a mouse or touch screen. An automatic animation process is performed by matching objects/nodes between artboards by determining a ranking of similarity between objects based upon a distance metric computed for a set of one or more attributes associated with each object in the artboards. If sufficient match is found, the matched objects can be treated as a single entity to be animated. In another embodiment, dominant direction of movement with respect to the matched objects is determined, and receipt of a drag event (mouse input or touch screen gesture input) in said dominant direction causes a preview of animation of that entity.
1. A method for performing animation, the method comprising:
determining, by a processor, a first child object of a first artboard and second child objects of a second artboard;
identifying, by the processor, a plurality of the second child objects that match the first child object;
adding, by the processor, the plurality of second child objects to an initial list;
sorting, by the processor, the initial list based upon at least one distance metric associated with the first child object and the plurality of second child objects to generate a sorted list, the at least one distance metric based upon at least one attribute associated with the first child object and the plurality of second child objects;
generating, by the processor, an association between the first child object and the second child object corresponding to a first entry in the sorted list; and
rendering, by the processor, an animation using the association, the animation including the first child object and the second child object corresponding to the first entry in the sorted list.
2. The method of claim 1 , wherein the at least one distance metric is based on layer distance attributes associated with the first child object and the plurality of second child objects, such that the sorting causes a first of the second child objects to be listed higher in the sorted list than a second of the second child objects, the first of the second child objects having a first number of layers by which it is separated from the first child object, and the second of the second child objects having a second number of layers by which it is separated from the first child object, the second number being larger than the first number.
3. The method of claim 1 , wherein the at least one distance metric is based on the number of attributes associated with the first child object that match attributes associated with the plurality of second child objects, such that the sorting causes a first of the second child objects to be listed higher in the sorted list than a second of the second child objects, the first of the second child objects having a first number of matching attributes, and the second of the second child objects having a second number of matching attributes, the second number being smaller than the first number.
4. The method according to claim 1 , wherein the at least one attribute includes one or more of position, size, fill color, stroke color, visibility, corner radius, line height, character spacing, and font size.
5. The method of claim 1 , further comprising, if the first entry in the sorted list is a group, recursing using the first entry in the sorted list and the first child object.
6. A computer program product including one or more non-transitory machine-readable mediums encoded with instructions that when executed by one or more processors cause a process to be carried out for performing animation, the process comprising:
determining a first child object of a first artboard and second child objects of a second artboard;
if a plurality of the second child objects match the first child object
adding the plurality of second child objects to an initial list,
sorting the initial list based upon at least one distance metric associated with the first child object and the plurality of second child objects to generate a sorted list, the at least one distance metric based upon at least one attribute associated with the first child object and the plurality of second child objects, and
generating an association between the first child object and the second child object corresponding to a first entry in the sorted list; and
rendering an animation using the association, the animation including the first child object and the second child object corresponding to the first entry in the sorted list.
7. The computer program product of claim 6 , wherein the at least one distance metric is based on layer distance attributes associated with the first child object and the plurality of second child objects, such that the sorting causes a first of the second child objects to be listed higher in the sorted list than a second of the second child objects, the first of the second child objects having a first number of layers by which it is separated from the first child object, and the second of the second child objects having a second number of layers by which it is separated from the first child object, the second number being larger than the first number.
8. The computer program product of claim 6 , wherein the at least one distance metric is based on the number of attributes associated with the first child object that match attributes associated with the plurality of second child objects, such that the sorting causes a first of the second child objects to be listed higher in the sorted list than a second of the second child objects, the first of the second child objects having a first number of matching attributes, and the second of the second child objects having a second number of matching attributes, the second number being smaller than the first number.
9. The computer program product of claim 6 , wherein the at least one attribute includes one or more of position, size, fill color, stroke color, visibility, corner radius, line height, character spacing, and font size.
10. The computer program product of claim 6 , the process further comprising, if the first entry in the sorted list is a group, recursing using the first entry in the sorted list and the first child object.