DEFINING MOTION IN A COMPUTER SYSTEM WITH A GRAPHICAL USER INTERFACE
Some embodiments of the invention provide a method that defines movement in a graphical user interface (GUI) of a computer system. This method detects an interaction between a cursor and a first object in the GUI. Based on this interaction, the method moves a second object in the GUI. In some embodiments, the movement of the second object is a rotational movement within the GUI. In other embodiments, the second object's movement is a translation movement, such as a rectilinear translation movement or a curvilinear translation movement. Also, in some embodiments, the second object relates to a special effect that is applied to another object in the GUI. For instance, in some embodiments, the second object is a shadow of a third object in the GUI.
The present invention relates to defining motion in a computer system with a graphical user interface.
BACKGROUND OF THE INVENTIONToday, computer programs allow users to perform many tasks and functions. Some of the most popular computer programs include word processing and computer aided design (“CAD”) programs. These programs allow users to create various text and drawings with ease. These programs also have many different features that allow users to create very complex and intricate text and drawings.
Applying shadows to text is an example of a feature that some computer systems provide. However, most systems do not allow a user to customize their application of shadow effects to text. For instance, most systems do not allow their users to define the location of the shadow relative to the text and/or to modify the appearance of the shadow.
Therefore, there is a need in the art for a method that allows a user to customize the application of shadow effects to text. There is also a need for a method that allows a user to apply a shadow effect to text in a more intuitive manner, and to provide real-time feedback of the changes to the user. Ideally, such methods can be used to apply other effects and/or to define motion of other objects in a GUI.
SUMMARY OF THE INVENTIONSome embodiments of the invention provide a method that defines movement in a graphical user interface (GUI) of a computer system. This method detects an interaction between a cursor and a first object in the GUI. Based on this interaction, the method moves a second object in the GUI. In some embodiments, the movement of the second object is a rotational movement within the GUI. In other embodiments, the second object's movement is a translation movement, such as a rectilinear translation movement or a curvilinear translation movement. Also, in some embodiments, the second object relates to a special effect that is applied to another object in the GUI. For instance, the second object is a shadow of a third object in the GUI in some embodiments.
In the following detailed description of the invention, numerous details, examples and embodiments of the invention are set forth and described. However, it will be clear and apparent to one skilled in the art that the invention is not limited to the embodiments set forth and that the invention may be practiced without some of the specific details and examples discussed.
I. DefinitionsA graphical user interface (“GUI”) is an interface of a computer system that allows users to interact with the computer system through images and text. A GUI allows users of the computer system to interact with the computer system in an intuitive graphical manner. Instead of learning and writing complex command languages, users can perform many operations by simply interacting with the visual components of a GUI, which are often easy to understand. A GUI often includes a cursor pointer, icons, desktop, windows, etc. The cursor pointer (the “cursor”) is a pointer that a user can move across the GUI through the operation of a cursor controller, such as a mouse, a trackpad, trackball, etc. A user can use the cursor to select objects in the GUI. For instance, the user can select an object by directing the cursor to the object and performing a click operation (e.g., through a button of the cursor controller).
Icons are examples of selectable objects in a GUI. Icons are used to represent folders, files, commands, etc. in the GUI. An icon can be represented by a text component, an image component, or both text and image components. The desktop refers to the contents on a display screen below any windows. A window is an area on the display screen that displays its own file, message, application, etc. independently of other windows that are displayed on the display screen.
In some embodiments, text includes any computer data that represents alphabets, words, numbers, symbols, mathematical signs, strings and other typographical characters, or any combination thereof. Also, in some embodiments, an effect that is applied to text modifies attributes, characteristics, features, display, etc. of the text.
In this document, a translation movement of an object is a movement of the object where every point in the object moves in the same direction. A rectilinear translation movement is when every point in the object moves in a straight line. A curvilinear translation movement is when every point in the object moves along a curved path. Curvilinear translation movement is different than rotational movement of an object. In rotational movement, each point of an object moves in a curvilinear direction about a rotation axis, except the set of points of the object that are on the rotation axis. In rotational movement, the object's point or points that are on the rotation axis do not move. On the other hand, in curvilinear translation motion, every point of an object moves within a coordinate system that is used to define the object.
II. OverviewSome embodiments of the invention provide a method that defines movement in a graphical user interface (GUI) of a computer system. This method detects an interaction between a cursor and a first object in the GUI. Based on this interaction, the method moves a second object in the GUI. In some embodiments, the movement of the second object is a rotational movement within the GUI. In other embodiments, the second object's movement is a translation movement, such as a rectilinear translation movement or a curvilinear translation movement.
Cursor-interface icon 130 allows a user to modify the position of the object 120 in the display section 110. Specifically,
The cursor-interface icon 130 can capture rectilinear cursor movements along non-parallel, non-collinear rectilinear directions. For instance,
Cursor-interface icon 430 allows a user to modify the angular position of the object 420 within a coordinate system 425 of the display section 410. Specifically,
Cursor-interface icon 530 allows a user to modify the rotational position of the object 520 with respect a coordinate system 525 of the object 520. Specifically,
In the examples presented in
Examples of objects in the GUI that can be moved through the invention's cursor-interface icon include characters, images, icons, etc. Such objects also include objects associated with special effects that are applied to other objects in the GUI. For instance, in some embodiments, the invention is used to apply an effect to a text in a graphical user interface of a computer system. Some of these embodiments identify cursor interactions with a cursor-interface icon and correlate these interactions with modification of an effect that is applied to the text. For example, some embodiments redefine a position attribute associated with an effect based on the cursor movement along the cursor-interface icon.
In some embodiments, the effect defines a shadow for the text, and the movement of the effect entails redefining the position of the shadow. Several embodiments relating to the application of shadow effects to text are described below. However, one of ordinary skill will realize that other embodiments of the invention are used in conjunction with other effects that are applied to text.
The text field 610 is a location in the GUI where a user can view text. For instance, in the example illustrated in
The shadow-enable box 620 is a component of the GUI 600 that allows a user to enable the shadow effect for a text that is represented in the text field 610. Specifically, in some embodiments, a user enables the shadow effect by placing a mark within this box. A mark can be placed within this box in a number of different ways. For instance,
The cursor-interface icon 630 is another component of the GUI 600. The cursor-interface icon 630 allows the user to modify the position of the shadow relative to the text, once the user selects the shadow option through the shadow-enable box 620. Specifically, at any time after the selection of the shadow option, this element specifies an angle, which corresponds to the relative angle of the shadow 810 with respect to the text. A user can modify the relative angle between the shadow 810 and the text in the text field 610 by changing the angle specified by the cursor-interface icon 630. In some embodiments, the user changes the angle that the cursor-interface icon 630 specifies by performing a click-and-drag operation that selects the cursor-interface icon 630 and that correlates the cursor movement captured after the selection to a change of the angle.
The knob icon 640 is yet another component of the GUI 600. The knob icon 640 allows the user to see the orientation of the cursor-interface icon 630. Accordingly, in some embodiments, the knob icon 640 allows the user to see the orientation and movement of the cursor-interface icon 630 as changes are made to the angle that the cursor-interface icon 630 specifies when a click-and-drag operation is performed that selects the cursor-interface icon 630 and that correlates the cursor movement captured after the selection to a change of the angle.
The process next (at 1020) identifies the position of the cursor within a coordinate system of the cursor-interface icon and associates this position with a position of the shadow with respect to the text displayed in the text field 610. Some embodiments express this position within a coordinate system that is defined at the center of the cursor-interface icon 630.
After 1020, the process 1000 displays (at 1030) the shadow of the text at the position of the shadow that it identified at 1020. For instance, in the example illustrated in
Next, at 1040, the process determines whether the user is moving the cursor while still maintaining the selection of the cursor (e.g., whether the user is moving the cursor while still pressing the cursor controller button that led to the selection of the cursor). If so, the process identifies (at 1060) the new cursor position relative to the cursor-interface icon 630 and associates this position with a position of the shadow with respect to the text displayed in the text field 610.
After 1060, the process 1000 returns to 1030 to display the shadow of the text at the position of the shadow that it identified at 1060. For instance, in the example illustrated in
The process loops through 1030, 1040, and 1060 until it determines (at 1040) that the user is no longer moving the cursor. When the process makes this determination, it transitions to 1050. At 1050, the process determines whether the user is no longer selecting the cursor-interface icon 630 (e.g., whether the user has terminated the cursor controller click operation that led to the selection of the cursor-interface icon 630). If so, the process terminates. Otherwise, the process returns to 1040, which was described above.
One of ordinary skill will realize that numerous other processes can be used to associate cursor interactions with the cursor-interface icon 630 to modifications of the shadow effect. For instance, in some embodiments, the process 1000 starts when it detects a click operation on the cursor-interface icon. In other embodiments, however, this process only starts after it has detected a click-and-drag operation on the cursor-interface icon. In some of these embodiments, the process does not modify the position of the shadow until the cursor-interface icon 630 has captured a cursor movement.
Also, the process 1000 performs the shadow-modification operation 1020 right after it detects the selection of the cursor-interface icon 630. This operation immediately “snaps” the shadow to the shadow position associated with the position of the cursor at the time of the selection.
Other embodiments, however, might not “snap” the shadow to a new position at the time of the selection. Instead, these embodiments might simply associate the position of the shadow at the time of the selection with the position of the cursor at the time of the selection. These embodiments then modify the shadow position based on the movement of the cursor position relative to the cursor position at the time of the selection.
Next,
In the first iteration of the process through 1060, the process identifies the movement of the cursor since the selection of the cursor-interface icon 630. In each subsequent iteration of the process through 1060, the process identifies the movement of the cursor from the immediately prior iteration of the process through 1060.
Furthermore, in some embodiments, there may be multiple control elements that apply a shadow effect to a text.
The shadow-enable box 620 is a selectable rectangular icon that allows a user to enable the shadow option. To enable the shadow option, a user moves a cursor over the shadow-enable box 620 and selects it by performing a click operation.
The cursor-interface icon 630 is a circular slider that allows the user to rotate the shadow about the text in the window. The user can change the angle of the shadow relative to the text by selecting the circular slider (or an area that is near the boundary of the circular slider) and maintaining the selection, then moving the cursor in such a way as to correlate the position of the cursor to the desired position of the shadow relative to the text.
The knob icon 640 is an object that indicates the orientation of the cursor-interface icon 630 and accordingly the position of the shadow relative to the text. In this instance, the knob icon 640 is oriented roughly towards the top of the page. As such, if the shadow option is enabled, then the shadow would be located above the text.
IV. Computer SystemFrom these various memory units, the processor 1710 retrieves instructions to execute and data to process in order to execute the processes of the invention. The read-only-memory (ROM) 1720 stores static data and instructions that are needed by the processor 1710 and other modules of the computer system.
The permanent storage device 1725, on the other hand, is read-and-write memory device. This device is a non-volatile memory unit that stores instruction and data even when the computer system 1700 is off. Some embodiments of the invention use a mass-storage device (such as a magnetic or optical disk and its corresponding disk drive) as the permanent storage device 1725.
Other embodiments use a removable storage device (such as a floppy disk or zip® disk, and its corresponding disk drive) as the permanent storage device. Like the permanent storage device 1725, the system memory 1715 is a read-and-write memory device. However, unlike storage device 1725, the system memory is a volatile read-and-write memory, such as a random access memory. The system memory stores some of the instructions and data that the processor needs at runtime. In some embodiments, the invention's processes are stored in the system memory 1715, the permanent storage device 1725, and/or the read-only memory 1720.
The bus 1705 also connects to the input and output devices 1730 and 1735. The input devices enable the user to communicate information and select commands to the computer system. The input devices 1730 include alphanumeric keyboards and cursor-controllers. The output devices 1735 display images generated by the computer system. The output devices include printers and display devices, such as cathode ray tubes (CRT) or liquid crystal displays (LCD).
Finally, as shown in
While the invention has been described with reference to numerous specific details, one of ordinary skill in the art will recognize that the invention can be embodied in other specific forms without departing from the spirit of the invention. For example, some of the figures illustrate the shadow-enable box 620 and the cursor-interface icon 630 as two separate elements of the GUI 600. In some embodiments, the shadow-enable box 620 and the cursor-interface icon 630 are separate because it facilitates the indication that the shadow option has been selected by the user. However, other embodiments combine the functions of both the shadow-enable box 620 and the cursor-interface icon 630 into a single component.
In some embodiments, the cursor interface icon 630 movement is restricted by stops.
In some embodiments, the cursor interface icon 630 generates numerical values when a cursor interacts with it. In some of these embodiments, this icon can generate a set of values that is essentially unbounded (i.e., can produce a large set of values that for all intents and purposes is an “infinite” set of values). For instance, when cursor interface 630 is unbounded, the movements of the cursor are compounded for every full rotation of the cursor around the cursor interface icon 630. In this instance, when each rotation is associated with a value of 1000, two rotations of the cursor around the cursor interface icon 630 would produce a value of 2000 in some embodiments. Thus, one of ordinary skill in the art would understand that the invention is not to be limited by the foregoing illustrative details, but rather is to be defined by the appended claims.
Claims
1-32. (canceled)
33. A method for defining movement in a graphical user interface (GUI) of a computer system, the method comprising:
- detecting a translation movement of a directional user gesture input across a first object in the GUI from a first angular position of the first object to a second angular position of the first object; and
- defining, simultaneous with the corresponding detected translation movement of the directional user gesture input, a same relative angular movement of a second object in the GUI from a third angular position of the second object to a fourth angular position of the second object, wherein the first angular position is different from the third angular position and the second angular position is different from the fourth angular position.
34. The method of claim 33, wherein defining the same relative angular movement of the second object comprises determining an angular distance between the first angular position and the second angular position.
35. The method of claim 33, wherein an angular distance between the first angular position and the third angular position is 180°.
36. The method of claim 33, wherein the first object is associated with a first coordinate system of the GUI and the first and second angular positions are positions defined in the first coordinate system, wherein the second object is associated with a second coordinate system of the GUI and the third and fourth angular positions are defined in the second coordinate system.
37. The method of claim 36, wherein detecting the translation movement of the directional user gesture input comprises:
- identifying the first angular position and the second angular position based on coordinate axes of the first coordinate system; and
- determining an angular movement between the first angular position and the second angular position in the first coordinate system.
38. The method of claim 37, wherein defining the same relative angular movement of the second object comprises:
- identifying the third angular position based on the position of the second object in a second coordinate system of the GUI; and
- identifying the fourth angular position by applying the determined angular movement at the third angular position in the second coordinate system.
39. The method of claim 33, wherein each angular movement of the second object moves every point in the second object along the same angular path.
40. The method of claim 33, wherein the second object is a shadow of a text object and the third and fourth angular positions are angles of the shadow relative to the text object.
41. A method for defining movement in a graphical user interface (GUI), the method comprising:
- displaying a first GUI object having an associated shadow in the GUI; and
- displaying a two dimensional shape that is a second GUI object having a surface area and a region surrounding the two-dimensional shape in the GUI for detecting translation movements of a directional user gesture input, wherein (i) a first translation movement of the directional user gesture input within the surface area from a first angular position to a second angular position corresponds to a first curvilinear translation movement of the shadow along a first curvilinear path about the GUI object and (ii) a second translation movement of the directional user gesture input outside of the surface area and within the surrounding region from a third angular position to a fourth angular position corresponds to a second curvilinear translation movement of the shadow along a second curvilinear path about the GUI object.
42. The method of claim 41, wherein the curvilinear translation movements of the shadow move every point of the shadow along a same curvilinear path.
43. The method of claim 41, wherein the second curvilinear path of the shadow about the GUI object comprises an angular distance that is the same as the angular distance between the third angular position and the fourth angular position of the second translation movement of the directional user gesture input.
44. The method of claim 41, wherein a third translation movement of the directional user gesture input from the first angular position within the surface area to the fourth angular position outside of the surface area and within the surrounding region corresponds to a third curvilinear translation movement of the shadow along the first and second curvilinear paths about the GUI object.
45. The method of claim 41, wherein a selection of a point at a particular angular position outside of the surface area and within the surrounding region causes a particular curvilinear translation movement of the shadow to the particular angular position.
46. The method of claim 41, wherein the second GUI object is a circular slider, the method further comprising displaying a third GUI object for defining a radial distance between the first GUI object and the associated shadow.
47. The method of claim 41, wherein the first and second GUI objects are displayed in the same display area of the GUI.
48. The method of claim 41, wherein first and second GUI objects are displayed in separate display areas of the GUI.
49. The method of claim 41, wherein the first GUI object is a text object and the associated shadow is a shadow of the text object.
50. A computer readable storage medium storing a computer program comprising a graphical user interface (GUI), the GUI comprising:
- a first object having a corresponding shadow; and
- a second selectable object comprising a surface area of a two-dimensional shape for defining curvilinear movements of the shadow about the first object, wherein the second object is selected by interactions with a directional user gesture input within the surface area and within a region surrounding the surface area, wherein (i) a first translation movement of the directional user gesture input within the surface area from a first angular position to a second angular position corresponds to a first curvilinear translation movement of the shadow about the first object and (ii) a second translation movement of the directional user gesture input outside of the surface area and within the surrounding region from a third angular position to a fourth angular position corresponds to a second curvilinear translation movement of the shadow about the first object.
51. The computer readable storage medium of claim 50, wherein the GUI further comprises a tool for toggling display of the shadow corresponding to the first object.
52. The computer readable storage medium of claim 50, wherein each curvilinear translation movement of the shadow about the first object moves every point in the shadow along the same curvilinear path about the first object.
53. The computer readable storage medium of claim 50, wherein the first object is a text object in the GUI.
Type: Application
Filed: Jun 18, 2012
Publication Date: Oct 11, 2012
Inventor: Imran Chaudhri (San Francisco, CA)
Application Number: 13/526,462
International Classification: G09G 5/00 (20060101);