Systems and methods for using a timeline to develop objects and actions in media content
View Patent ↗Certain embodiments provide an intuitive interactive media content development environment that simplifies the creation of actions. For example, it may allow users to easily specify that a shape will move when the media content is first executed or that a web page will be opened when a button is clicked within the media. Certain embodiments provide a timeline interface showing the sequence and duration of one or more such actions. For example, a timeline component may allow a user to change the delay or duration associated with an action by manipulating the timeline. A timeline may comprise one or more visual components representing actions and action attributes and allow a user to adjust action attributes by manipulating the visual components.
1. A computer implemented method comprising:
providing a user interface for developing content, wherein a piece of content being developed specifies an action that will be triggered by a triggering event during runtime of the content, and wherein a delay time associated with the action defines an amount of time from the triggering event to a start of the action and a duration comprises an amount of time from the start of the action to an end of the action; and
providing a timeline for display on the user interface, the timeline comprising a graphical representation of the action as a single object, the timeline representing a time period having an endpoint at the triggering event and further comprising one or more indications of time increments occurring after the triggering event.
2. The method of claim 1 , wherein the graphical representation of the action comprises a feature representing the start of the action, a feature representing the end of the action, a feature representing the duration of the action, and feature representing delay of the action.
3. The method of claim 1 , wherein actions and events can be associated with scalar time increments of the timeline independent of any frame of the content.
4. The method of claim 1 further comprising receiving a change to the graphical representation of the action on the timeline and changing the action based on the change to the graphical representation of the action.
5. The method of claim 4 , wherein the change changes the start of the action.
6. The method of claim 4 , wherein the change changes the end of the action.
7. The method of claim 4 , wherein the change changes the delay time of the action.
8. The method of claim 4 , wherein the change changes the duration of the action.
9. The method of claim 1 further comprising receiving a selection of an object to trigger the triggering event, the object displayed on a canvas displayed on the user interface.
10. The method of claim 9 , wherein the object is a button, the triggering event is a click of the button, and the action is a movement of a shape on the canvas.
11. The method of claim 1 , wherein the opening of the content is the triggering event.
12. The method of claim 1 further comprising receiving a selection of an object to perform the action, the object displayed on a canvas displayed on the user interface.
13. A computer implemented method comprising:
providing a user interface for developing content, wherein a piece of content being developed specifies a plurality of actions that will be triggered by a triggering event during runtime of the content, and wherein each action of the plurality of actions is associated with a delay time and a duration, the delay time defining an amount of time from the triggering event to a start of the action and the duration defining an amount of time from the start of the action to an end of the action; and
providing a timeline for display on the user interface, the timeline comprising one or more indications of time increments from the occurrence of the triggering event, the timeline further comprising a graphical representation of each of the plurality of actions;
wherein the same event is the triggering event for each action of the plurality of actions.
14. The method of claim 13 further comprising receiving a change to one of the graphical representations on the timeline and changing one of the plurality of actions based on the change to the graphical representation.
15. The method of claim 13 , wherein a single object performs the plurality of actions.
16. The method of claim 13 , wherein the plurality of actions are performed by different objects.
17. The method of claim 13 further comprising providing a preview of the plurality of actions for the timeline, wherein the preview displays only the plurality of actions triggered by the event such that the preview excludes any actions triggered by other events.
18. A system comprising:
a processor;
a user interface component for developing content, wherein a piece of content being developed on the user interface component specifies an action that will be triggered by a triggering event during runtime of the content, and wherein a delay time associated with the action defines an amount of time from the triggering event to a start of the action and a duration comprises an amount of time from the start of the action to an end of the action; and
a timeline component of the user interface, the timeline component displaying one or more indications of time increments from the occurrence of the triggering event, the timeline component further comprising a graphical representation of the action.
19. The system of claim 18 , wherein the timeline component in interactive and receives a change to the graphical representation of the action and changes the action based on the change to the graphical representation of the action.
20. The system of claim 19 , wherein the change is an edit of the delay or the duration.
21. The system of claim 18 , wherein the timeline component displays multiple action representations, each action representation representing a different action triggered by the same event.
22. A computer-readable storage medium on which is encoded program code, the program code comprising:
program code for providing a user interface for developing content, wherein a piece of content being developed specifies an action that will be triggered by a triggering event during runtime of the content, and wherein a delay time associated with the action defines an amount of time from the triggering event to a start of the action and a duration comprises an amount of time from the start of the action to an end of the action; and
program code for providing a timeline for display on the user interface, the timeline further comprising a graphical representation of the action as a single object, the timeline representing a time period having an endpoint at the triggering event and comprising one or more indications of time increments occurring after the triggering event.