JP2020166589A - Animation editing program - Google Patents

Abstract

To allow editing animations subject to changes of a plurality of attributes in image objects, with simplified operations.SOLUTION: An animation is subject to changes of a plurality of attributes including an image object 21 and the like. The attributes include size, position, inclination, color, sound effect, and the like. Among the attributes, the position is settable by dragging the image object 21 and the like. The other attributes are settable by object menus to be displayed in an object menu area G1. The object menus are prepared for each attribute type. Each object menu includes menu item images in order to edit contents of the attribute for each image object. When a specific menu item image included in each object menu is selected, the object menu to be displayed in the screen is switched to another object menu.SELECTED DRAWING: Figure 3

Description

The present invention relates to an animation editing program.

Patent Document 1 is an example of a document relating to a program for editing an animation accompanied by changes in attributes on a display display (for example, a display position on a display) of an image object. In Patent Document 1, an animation effect based on a movement locus input by using an input device such as a touch panel in an animation mode is added to an object drawn by a user in the drawing mode.

JP-A-2010-176329

According to Patent Document 1, it is possible to edit an animation by changing the attributes of an image object. However, only positional changes can be edited. There is a demand for an animation editing program that can be edited with simple operations, including the attributes of image objects other than the position.

An object of the present invention is to provide an animation editing program capable of editing an animation targeting changes in a plurality of attributes of an image object with a simple operation.

The animation editing program of the present invention is a program in which a pointing device is connected or mounted, and a computer to which a display is connected or mounted thereof functions as a device for editing animation by one or more image objects. The animation is intended for changes in a plurality of attributes regarding the appearance and position of the image object on the display and at least one of the sound effects set on the image object, and is input by the pointing device. The attribute includes an object display means for displaying the image object on the display so that the position as the attribute can be changed based on the above, and a menu item image for editing the contents of the attribute for each image object. One of the plurality of menu set images prepared for each type is displayed on the screen of the display, and the menu set image to be displayed on the screen of the display based on the user input by the pointing device is displayed on the screen of the plurality of display. When the menu display means for switching between menu set images and the menu item image displayed on the display are selected based on user input by the pointing device, the menu item image is selected according to the selected menu item image. The computer is made to function as an attribute setting means for executing a process of setting the attribute related to the image object.

According to the animation editing program of the present invention, a plurality of menu set images prepared for each type of attribute are displayed on the screen of the display. When a menu item image included in each menu set image is selected, a process of setting attributes according to the menu item image is executed. This allows you to set multiple attributes on the image object. Then, in the present invention, the menu set image displayed on the display screen is switched between the plurality of menu set images based on the user input by the pointing device. Therefore, it is possible to set a plurality of attributes in order by a simple operation of switching the menu set image and repeating the selection of the menu item image. As described above, it is possible to edit an animation targeting changes in a plurality of attributes in an image object with a simple operation.

Further, in the present invention, in the animation, the change of the attribute includes at least one change of the size, position, color and transparency of the image object and the image set in the image object. preferable. According to this, changes in attributes in animation such as the size of an image object can be appropriately set.

Further, in the present invention, in the animation, it is preferable that the change of the attribute includes the movement of the image object by dragging. According to this, it is possible to move the image object by dragging when executing the animation.

Further, in the present invention, it is preferable that at least one of the menu item images is an image for setting the speed of movement of the image object with respect to the drag. According to this, it is possible to set the moving speed of the image object when dragging the image object at the time of executing the animation.

Further, in the present invention, the animation is a first state → a second state → ... → an nth state (n: 2) with respect to the attribute of the target object which is at least one of the one or a plurality of image objects. The change attribute setting menu item image, which is the menu item image for setting the first to nth states, at least one of the plurality of menu set images is targeted for a series of changes (the above natural numbers). Is included, and when the first-first k (1 ≦ k <n) states have already been set and the k + 1th states have not yet been set, the above is based on user input by the pointing device. When the change attribute setting menu item image is selected, it is preferable to make the computer function so that the attribute set at that time with respect to the target object is set as the k + 1 state. According to this, it is possible to easily edit the animation including the change of the state from the first state → the second state → ... → the nth state.

Further, in the present invention, it is preferable that the change attribute setting menu item image is included in each of the plurality of menu set images. It is assumed that the change attribute setting menu item image is included in only one of the plurality of menu set images. In this case, after setting the attribute of the image object in the menu set image that does not include the change attribute setting menu item image, in order to set the set attribute to any of the first to nth states, the change attribute setting You must switch the display to another menu set image that contains the menu item image. On the other hand, according to the above configuration, each of the menu set images includes a change attribute setting menu item image. Therefore, after setting the attribute in any of the menu set images, it is possible to set the set attribute to any of the first to nth states without switching the menu set image.

Further, in the present invention, the touch panel is used at the time of executing the animation, and the image object can be tapped and dragged through the touch panel.
In the animation, a plurality of layers including one or a plurality of the image objects can be set, and the image object in which the animation is executed next when the tapping operation of the image object is completed. Alternatively, a link to the layer can be set, and the attributes of the image object include an object ID for identifying the image object, a size, a position, an inclination, a color, a size at the time of tapping, and a tap on the touch panel. Sound of time, on / off of resizing when tapping the touch panel, speed of dragging, on / off of dragging, layer ID for identifying an image and a layer set in the image object, and the link. It is preferable that at least one of the link information indicating the above is included. According to this, various attributes related to the appearance of the image object, behavior at the time of tapping including dragging, and attributes such as layers and links can be set. Therefore, there are many variations of animation by image objects.

It is a functional block diagram which shows each functional part which the animation editing program which concerns on one Embodiment of this invention realizes in a computer. It is a conceptual diagram which shows the structure of a layer in the animation which concerns on this embodiment. It is a display example of the display screen of the computer according to the present embodiment, and the outermost rectangular frame indicates the outer edge of the display area of the display screen. It is an image of an editor menu displayed on the display screen of FIG. It is an image of the object menu for setting the object setting image displayed on the display screen of FIG. It is an image of an object menu for setting the size and the like of an image object displayed on the display screen of FIG. It is an image of the object menu for setting the behavior of the image object at the time of tapping, which is displayed on the display screen of FIG. It is an image of an object menu for setting the color and transparency of an image object displayed on the display screen of FIG. It is an image of the object menu for setting the sound effect of the image object displayed on the display screen of FIG. It is an image of the object menu for making various settings related to the tween of an image object displayed on the display screen of FIG. It is an image of an object menu for setting a link of an image object displayed on the display screen of FIG. It is a flow figure which shows an example of the animation editing method which concerns on this embodiment. It is a display example of a display screen showing an execution example of the animation edited according to the flow diagram of FIG. 12, and the outermost rectangular frame in each of FIGS. 13 (a) to 13 (c) is the display area of the display screen. Indicates the outer edge.

Hereinafter, the configuration and functions of the computer 1 (hereinafter referred to as PC1) in which the animation editing program according to the embodiment of the present invention is installed will be described with reference to FIGS. 1 to 11. This animation editing program edits the animation displayed on the touch panel display 11 (see FIG. 1) mounted on the PC1.

This animation targets changes in attributes of one or more image objects (eg, image objects 21-26 shown in FIGS. 2 and 3 will be described as an example). The image object 21 and the like have various shapes such as a rectangle and a circle, and are composed of an image that occupies a part of the display screen. The attributes relate to the appearance (size, color, transparency, etc.) and position of the image object 21 or the like on the display display, and the sound effects set in the image object 21 or the like. Further, in the present embodiment, it is also possible to set an existing image (hereinafter, referred to as an object setting image) represented by still image data or moving image data in various formats. The still image data is, for example, data in BMP format, JPEG format, or the like. The moving image data is, for example, data in MOV format, MP4 format, or the like.

During the execution of the animation, the user touches the display area of the image object on the screen of the touch panel display 11 with a finger or other object (hereinafter referred to as an object or the like) to select the image object displayed at the contacted position. Can be done. In the following, such an act of selecting an image object by bringing an object or the like into contact with the screen during animation execution is referred to as "tap". When executing the animation, the image object can be dragged to follow the movement of the object or the like by moving the object or the like in contact with the screen while tapping the image object. In the present embodiment, as described later, it is possible to set the behavior of the image object at the time of tapping. For example, by setting the size at the time of tapping, the image object can be enlarged or reduced by tapping, and the drag speed can be set. The drag speed refers to the speed of movement of the image object as the object moves.

The PC1 includes a storage device such as a CPU (Central Processing Unit), a ROM (Read-Only Memory) and a RAM (Random Access Memory), a flash memory, various interfaces such as an input / output interface, and hardware such as a speaker and a display. It is provided with software including a program for operating the hardware so as to realize various functions such as the menu display unit 101 described later. The software includes program data including data related to the animation editing program recorded in the storage device. Then, the hardware executes various information processing such as arithmetic processing and input / output processing according to the software. The hardware functions according to the software realize various functions in various functional units such as the menu display unit 101 described below.

The PC 1 includes a touch panel display 11, a speaker 12, a menu display unit 101, an object management unit 102 (object display means and attribute setting means in the present invention), a background management unit 103, an animation execution unit 104, and a storage unit 110. .. As the PC 1, for example, a tablet PC may be used.

The storage unit 110 stores attribute data 111 and animation data 112 related to each of one or a plurality of image objects including the image object 21, background data 113 including data such as a background image, and layer data 114 related to the layer. .. The storage unit 110 is constructed on the storage area of the RAM.

The attribute data 111 is data indicating the attributes of each image object. The attributes of the image object include object ID, size, position, tilt, color, size when tapped, sound effect when tapped, size change on / off when tapped, drag speed, and drag on. / Off, object setting image and layer ID, and link information. The object ID is a number (for example, 1, 2, ...) Set individually for each image object to identify each image object. The layer ID indicates the number of the layer to which the image object belongs (for example, 0, 1, 2, ...). Each layer is a virtual layer containing one or more image objects, as shown in FIG. As an example, FIG. 2 shows layer 0 including the image object 21, layer 1 including the image objects 22, 23 and 24, and layer 2 including the image objects 25 and 26. In the animation of the present embodiment, any one of the plurality of layers is selectively displayed on the screen of the touch panel display 11. For example, FIG. 3 shows a state in which layer 0 including the image object 21 is displayed on the touch panel display 11. The tilt of the image object means the tilt on the screen display of the touch panel display 11. Specifically, the image object may take a state of being rotated around the center of the image object in both the x-direction and the y-direction on the screen display. The rotation angle at this time is the inclination of the image object. The link information is information indicating the link of the layer or the image object to the image object. Linking a layer means that when the tapping action of one image object ends, the animation related to the image object contained in another layer is started. Linking an image object indicates that a tween animation (described later) of another image object is started when the operation of tapping the image object is completed. The link information indicates the layer ID of the layer to be linked or the object ID of the image object to be linked.

The animation data 112 is data for executing a tween animation (hereinafter, referred to as a tween) set for each image object. A tween consists of a series of changes in the state of an image object's attributes. For example, the image object sequentially takes different first to nth states (n: natural numbers of 2 or more) related to attributes depending on the tween (first state → second state → ... → nth state). ). Each state is represented by attribute values related to attributes such as size, position, and color. The animation data 112 includes state data indicating the attribute value of the first state, state data indicating the attribute value of the second state, ..., And state data indicating the attribute value of the nth state. In addition, the animation data 112 includes data indicating the waiting time from tap to the start of tween, data indicating the time required from the tap to the next state in each state, data indicating on / off of repeated execution, and the final state. Data indicating whether or not to return to the first state after that, and the waiting time from the last state to the first state when whether or not to return to the first state is on. Contains data indicating.

The background data 113 includes image data indicating a background image, data indicating the size of the background image, and music data indicating background music. The background image is displayed behind the currently displayed layer on the screen of the touch panel display 11. The layer data 114 includes data indicating the association between the object ID of the image object belonging to the layer and the layer.

The storage unit 110 also secures a work area used as a temporary data storage destination. Such temporary data is used in various processes executed based on the animation editing program according to the present embodiment. For example, data indicating a currently selected image object, data indicating a currently selected layer, state data in the process of generating animation data 112, and the like are stored in the work area.

As shown in FIG. 3, the menu display unit 101 displays the preview switching button image 31 on the upper part of the screen of the touch panel display 11. The user can switch between the preview mode and the edit mode by touching the display area of the preview switching button image 31 on the screen of the touch panel display 11 with a finger, a touch pen, or the like (hereinafter, referred to as a finger or the like). The preview mode is a mode in which the animation execution unit 104 executes the animation preview as described later.

In the edit mode, as shown in FIG. 3, the menu display unit 101 causes the object menu area G1 and the editor menu area G2 of the screen of the touch panel display 11 to display a menu set image for editing the animation. The object menu area G1 is set to occupy the lower left corner of the screen of the touch panel display 11. In the object menu area G1, an object menu which is a menu set image for editing the attributes and tweens of the currently selected image object is displayed. The editor menu area G2 is set to occupy the right corner of the screen of the touch panel display 11. In the editor menu area G2, an editor menu which is a menu set image for setting various effects related to animation other than the attributes of the image object is displayed. Such effects include playback of background music, display of background images, expression by layers (described later), and the like. Each menu set image displayed in the object menu area G1 and the editor menu area G2 includes a menu item image for inputting an attribute value of an image object and the like. The user can select the menu item image displayed at the contacted position by touching the display area of each menu item image on the screen of the touch panel display 11 with a finger or the like. When the menu item image is selected by the user in this way, the menu display unit 101 instructs the object management unit 102 and the background management unit 103 to execute the process corresponding to the selected menu item image. Details of various menu set images displayed in the object menu area G1 and the editor menu area G2 will be described later.

The object management unit 102 displays the image object on the touch panel display 11 according to the attribute value indicated by the attribute data 111, and executes the tween of the image object according to the animation data 112. When the user touches the display area of the image object on the touch panel display 11 with a finger or the like, the object management unit 102 sets the image object in the selected state. This makes it possible to set the attributes of the image object using the object menus 150 to 210 described later. In addition, the object management unit 102 drags the selected image object. That is, when the user moves a finger or the like in contact with the display area of the image object on the touch panel display 11 while keeping the finger or the like in contact with the screen of the touch panel display 11, the object management unit 102 moves the finger or the like. Move the image object to follow the movement. Then, the object management unit 102 updates the position attribute value among the attribute values indicated by the attribute data 111 of the storage unit 110 based on the movement result. Further, the object management unit 102 updates the attribute data 111, the animation data 112, and the layer data 114 of the storage unit 110 based on the instruction from the menu display unit 101.

The background management unit 103 updates the background data 113 of the storage unit 110 based on the instruction from the menu display unit 101. Further, the background management unit 103 displays the background image on the touch panel display 11 or plays the background music according to the background image or the like indicated by the background data 113.

In the preview mode, the animation execution unit 104 executes the animation edited in the edit mode based on the attribute data 111, the animation data 112, the background data 113, and the layer data 114.

Hereinafter, details of various menu set images displayed in the object menu area G1 and the editor menu area G2, and details of processing by the object management unit 102 and the background management unit 103 will be described.

The editor menu 130 shown in FIG. 4 is displayed in the editor menu area G2. The top of the editor menu 130 includes a title display of "EDITOR MENU" indicating that it is an editor menu. The editor menu 130 includes menu item images 131-142. As shown in FIG. 4, the menu item images 131 to 142 are button images, slider images, and the like that can be selected by the user. When the menu item image 131 is selected, the background or the like management unit 103 repeatedly plays the background music. When the menu item image 132 is selected, the background and the like management unit 103 executes the background music selection process. The background music selection process is, for example, a process of causing the user to select data to be background music from music data stored in a storage device in the PC 1 or music data that can be acquired via the Internet. The music data selected by the user in the background music selection process is added to the background data 113 of the storage unit 110. When the menu item image 133 is selected, the background or the like management unit 103 plays or pauses the background music based on the background or the like data 113. Further, the background management unit 103 shifts to the reproduction of the next song or the reproduction of the previous song based on the music data of the plurality of songs included in the background data 113. When the menu item image 134 is selected, the background management unit 103 reads the attribute data 111, animation data 112, background data 113, and layer data 114 saved in the flash memory or the like in the past, and uses the read data. The stored contents of the storage unit 110 are updated. When the menu item image 135 is selected, the background management unit 103 writes the attribute data 111, the animation data 112, the background data 113, and the layer data 114 to the flash memory or the like.

When the menu item image 136 is selected, the object management unit 102 pauses the tween preview (described later) for all the image objects. When the menu item image 137 is selected, the object management unit 102 newly adds an image object to the currently selected layer (see the menu item image 142). Specifically, the object management unit 102 generates new data indicating the default attributes of the image object, adds it to the attribute data 111 of the storage unit 110, and adds the image object having the default attributes to the touch panel display 11. Display it. Further, the object management unit 102 updates the layer data 114 so as to associate the object ID of the added image object with the currently selected layer. When the menu item image 138 is selected, the background image management unit 103 executes the background image selection process. The background image selection process is, for example, a process of causing the user to select data to be a background image from image data stored in a storage device in the PC 1 or image data that can be acquired via the Internet. The image data selected by the user in the background image selection process is added to the background data 113 of the storage unit 110 and displayed as a background image on the screen of the touch panel display 11. When the menu item image 139 is selected, the object management unit 102 adds a new layer. Specifically, the object management unit 102 updates the layer data 114 so as to add one new layer. When the menu item image 140 is selected, the object management unit 102 executes the deletion process of the currently selected layer. Specifically, the object management unit 102 deletes the data related to the image object belonging to the currently selected layer from the attribute data 111 and the animation data 112, and deletes the data related to the currently selected layer from the layer data 114. To do.

When the menu item image 141 is selected, the background image management unit 103 appropriately changes the size of the background image. Specifically, when the two slider images included in the menu item image 141 are operated by the user, the background image management unit 103 changes the size of the background image in the x-direction and the y-direction according to the operation content. The background data 113 is updated so as to be performed, and the size of the background image displayed on the screen of the touch panel display 11 is updated. When the menu item image 142 is selected, the object management unit 102 changes the currently selected layer. Specifically, when the left-pointing triangular image and the right-pointing triangular image included in the menu item image 142 are selected by the user, the object management unit 102 sets the currently selected layer in front of the currently selected layer according to the selection contents. The layer data 114 is updated so as to return to the layer or advance to the next layer, and the screen of the touch panel display 11 is updated so that the image object belonging to the changed layer is displayed. The number displayed between the two participating images indicates the layer ID of the currently selected layer.

As shown in FIGS. 5 to 11, object menus 150 to 210 are displayed in the object menu area G1. At the bottom of each menu, a title display of "OBJ EDIT" indicating that it is an object menu is included. Each menu contains multiple menu item images. As shown in FIGS. 5 to 10, each menu item image is a button image, a slider image, or the like that can be selected by the user. By selecting or manipulating these button images, slider images, etc., the attribute values of the currently selected image object can be set, as will be described later. The object menus 150 to 210 are displayed in the object menu area G1 while being switched to each other by selecting the menu item images 159, 169, 179, 189, 199, 209 or 219 included in each menu by the user.

As shown in FIG. 5, the object menu 150 is a menu set image for setting an object setting image. The object menu 150 includes menu item images 151-153 and 159 and a tween item image 220. The case where the tween item image 220 is selected will be described later. When the menu item image 151 is selected, the object management unit 102 executes a moving image setting process for setting a moving image in the image object. The moving image setting process is, for example, a process of causing the user to select data to be reproduced as the appearance of an image object from the moving image data stored in the storage device in the PC 1 and the moving image data that can be acquired through the Internet. The moving image data selected by the user in the moving image setting process is added to the attribute data 111 of the storage unit 110 as an object setting image. When the menu item image 152 is selected, the object management unit 102 executes a still image setting process for setting a still image in the image object. The still image setting process is a process of causing the user to select data to be displayed as the appearance of an image object from, for example, still image data stored in a storage device in the PC 1 or still image data that can be acquired through the Internet. .. The still image data selected by the user in the still image setting process is added as an object setting image to the attribute data 111 of the storage unit 110. When the menu item image 153 is selected, the object management unit 102 deletes the currently selected image object. Specifically, the object management unit 102 deletes the data corresponding to the currently selected image object from the attribute data 111, the animation data 112, and the layer data 114.

When the menu item image 159 is selected, the menu display unit 101 switches the object menu displayed in the object menu area G1 to an object menu other than the object menu 150. For example, when the left-pointing arrow included in the menu item image 159 is selected, the menu display unit 101 switches the display to the object menu 210. Further, for example, when the right-pointing arrow included in the menu item image 159 is selected, the menu display unit 101 switches the display to the object menu 160.

As shown in FIG. 6, the object menu 160 is a menu set image for setting the size and the like of an image object. The object menu 160 includes menu item images 161 to 163 and 169 and a tween item image 220. The case where the tween item image 220 is selected will be described later. When the menu item image 161 is selected, the object management unit 102 sets the size of the image object in the x direction according to the operation content of the slider image included in the menu item image 161 by the user. Specifically, the object management unit 102 updates the attribute data 111 so that the size of the image object in the x direction corresponds to the operation content of the slider image, and displays the image object on the touch panel display 11. Update. When the menu item image 162 is selected, the object management unit 102 sets the size of the image object in the y direction. The specific processing content by the object management unit 102 at this time is the same as when the menu item image 161 is selected. When the menu item image 163 is selected, the object management unit 102 sets the tilt angle of the image object according to the operation content of the slider image included in the menu item image 163 by the user. Specifically, the object management unit 102 updates the attribute data 111 so that the tilt angle of the image object corresponds to the operation content of the slider image, and updates the display of the image object on the touch panel display 11. ..

When the menu item image 169 is selected, the menu display unit 101 switches the object menu displayed in the object menu area G1 to an object menu other than the object menu 160. For example, when the left-pointing arrow included in the menu item image 169 is selected, the menu display unit 101 switches the display to the object menu 150. Further, for example, when the right-pointing arrow included in the menu item image 169 is selected, the menu display unit 101 switches the display to the object menu 170.

As shown in FIG. 7, the object menu 170 is a menu set image for setting the behavior of the image object at the time of tapping. The object menu 170 includes menu item images 171 to 174 and 179 and a tween item image 220. The case where the tween item image 220 is selected will be described later. When the menu item image 171 is selected, the object management unit 102 sets the size of the image object at the time of tapping according to the operation content of the slider image included in the menu item image 171 by the user. Specifically, the object management unit 102 updates the attribute data 111 so that the size of the image object at the time of tapping corresponds to the operation content of the slider image. As a result, when tapped, the image object is enlarged or reduced to the set size in both the x-direction and the y-direction. When the menu item image 172 is selected, the object management unit 102 sets the drag speed according to the operation content of the slider image included in the menu item image 172 by the user. Specifically, the object management unit 102 updates the attribute data 111 so that the moving speed of the image object at the time of dragging corresponds to the operation content of the slider image. As a result, the speed at which the image object follows the movement of the object or the like during dragging during animation execution is set.

When the menu item image 173 is selected, the object management unit 102 updates the attribute data 111 so as to switch on / off the size change at the time of tapping. Only when the resize is on, the resize of the image object at the time of tapping is executed. In the menu item image 173, either "POPUP: 〇" or "POPUP: ×" is displayed depending on the on / off state. When the menu item image 174 is selected, the object management unit 102 updates the attribute data 111 so as to switch the drag on / off during animation execution. The image object can be dragged when the animation is executed only when dragging is on. In the menu item image 174, either "DRAG: 〇" or "DRAG: ×" is displayed depending on the on / off state.

When the menu item image 179 is selected, the menu display unit 101 switches the object menu displayed in the object menu area G1 to an object menu other than the object menu 170. For example, when the left-pointing arrow included in the menu item image 179 is selected, the menu display unit 101 switches the display to the tween menu 160. Further, for example, when the right-pointing arrow included in the menu item image 179 is selected, the menu display unit 101 switches the display to the tween menu 180.

As shown in FIG. 8, the object menu 180 is a menu set image for setting the color and transparency of the image object. The object menu 180 includes menu item images 181 and 189 and tween item images 220. The case where the tween item image 220 is selected will be described later. The menu item image 181 is an image in which the color and transparency of an image object can be specified by designating four elements of R (red), G (green), B (blue), and A (transparency). The object management unit 102 updates the attribute data 111 based on the color designation using the menu item image 181 and updates the display of the image object on the touch panel display 11.

When the menu item image 189 is selected, the menu display unit 101 switches the object menu displayed in the object menu area G1 to an object menu other than the object menu 180. For example, when the left-pointing arrow included in the menu item image 189 is selected, the menu display unit 101 switches the display to the object menu 170. Further, for example, when the right-pointing arrow included in the menu item image 189 is selected, the menu display unit 101 switches the display to the object menu 190.

As shown in FIG. 9, the object menu 190 is a menu set image for setting the sound effect of the image object. The object menu 190 includes menu item images 191 to 193 and 199 and a tween item image 220. The case where the tween item image 220 is selected will be described later. When the menu item image 191 is selected, the object management unit 102 executes a sound effect setting process for setting a sound effect generated at the time of tapping on the image object. The sound effect setting process is, for example, a process of allowing the user to select voice data to be reproduced as a sound effect at the time of tapping from voice data stored in a storage device in the PC 1 and voice data that can be acquired through the Internet. .. The voice data selected by the user in the sound effect setting process is added to the attribute data 111 of the storage unit 110. When the menu item image 192 is selected, the object management unit 102 switches the voice data actually reproduced as a sound effect at the time of tapping between the voice data included in the attribute data 111 of the storage unit 110. The numbers in the menu item image 192 are the currently set voice data numbers. For example, when three audio data are included in the attribute data 111, the audio data is switched as 0 → 1 → 2 → 0 → ... Every time the menu item image 192 is selected. When the menu item image 193 is selected, the object management unit 102 reproduces or pauses the audio data set in the menu item image 192, reproduces the next audio data, or reproduces the previous audio data. Or move to.

When the menu item image 199 is selected, the menu display unit 101 switches the object menu displayed in the object menu area G1 to an object menu other than the object menu 190. For example, when the left-pointing arrow included in the menu item image 199 is selected, the menu display unit 101 switches the display to the object menu 180. Further, for example, when the right-pointing arrow included in the menu item image 199 is selected, the menu display unit 101 switches the display to the object menu 200.

As shown in FIG. 10, the object menu 200 is a menu set image for making various settings related to tweens of image objects. The object menu 200 includes menu item images 201-209 and tween item images 220. When the menu item image 201 (change attribute setting menu item image in the present invention) is selected, the object management unit 102 converts the state data indicating the attribute value of the currently set image object into data relating to the next state in the tween. Is added to the work area of the storage unit 110. At the same time, the time required between the states temporarily set in the menu item image 205 described later is also added to the work area. As a result, each time the menu item image 201 is selected, the state data representing the attribute value indicated by the attribute data 111 set at that time is accumulated in the work area together with the required time between the states. When the menu item image 202 is selected, the object management unit 102 saves the entire state data stored in the work area as animation data 112 in the storage unit 110, and temporarily secures the state data for storage. Free up the work area. In this way, the animation data 112 for executing the tween, that is, the state data indicating the attribute value of the first state, the state data indicating the attribute value of the second state, ..., And the attribute value of the nth state. Animation data 112 having state data indicating the above is generated.

When the animation data 112 is generated, the object management unit 102 executes a tween preview in the edit mode. That is, for the image object, the attribute change of the first state → the second state → ... → the nth state is executed. The details of the tween preview are the same as those executed by the animation execution unit 104 in the preview mode as described later. The tween preview can be paused by selecting the menu item image 136 of the editor menu 130, as described above.

When the menu item image 203 is selected, the object management unit 102 deletes all the state data saved in the work area of the storage unit 110. This makes it possible to accumulate tween data from the first state. When the menu item image 204 is selected, the object management unit 102 updates the animation data 112 so as to switch on / off whether or not to repeatedly execute the tween. In the menu item image 204, either "LOOP: ON" or "LOOP: OFF" is displayed according to on / off.

When the menu item image 205 is selected, the object management unit 102 temporarily sets the time required between the states in the tween according to the operation content of the slider image included in the menu item image 205 by the user. As described above, this required time is accumulated in the work area together with the state data when the menu item image 205 is selected. When the menu item image 206 is selected, the object management unit 102 sets the waiting time from the tap to the start of the tween according to the operation content of the slider image included in the menu item image 206 by the user. Specifically, the object management unit 102 updates the animation data 112 so that the waiting time from the tap to the start of the tween corresponds to the operation content of the slider image. When the menu item image 207 is selected, the object management unit 102 returns from the last state to the first state when whether or not to return to the first state is turned on after reaching the last state. The waiting time is set according to the operation content of the slider image included in the menu item image 207 by the user. Specifically, the object management unit 102 updates the animation data 112 so that the waiting time corresponds to the operation content of the slider image. When the menu item image 208 is selected, the object management unit 102 updates the animation data 112 so as to switch on / off whether or not to return to the first state after the tween reaches the final state. In the menu item image 208, either "RETURN: ON" or "RETURN: OFF" is displayed according to on / off.

When the menu item image 209 is selected, the menu display unit 101 switches the object menu displayed in the object menu area G1 to an object menu other than the object menu 200. For example, when the left-pointing arrow included in the menu item image 209 is selected, the menu display unit 101 switches the display to the object menu 190. Further, for example, when the right-pointing arrow included in the menu item image 209 is selected, the menu display unit 101 switches the display to the object menu 210.

The tween item image 220 includes menu item images 221 and 222 having the same functions as the menu item images 201 and 202. The tween item image 220 (change attribute setting menu item image in the present invention) occupies the lower left half of the object menu 200. The tween item image 220 is similarly included in the object menus 150-190 and 210, as described above. As a result, after the attributes of the image object are set while any of the object menus 150 to 210 is displayed in the object menu area G1, the object menu displayed in the object menu area G1 is not switched and the menu is displayed. Item images 221 and 222 can be selected.

As shown in FIG. 11, the object menu 210 is a menu set image for setting a link of an image object. The object menu 210 includes menu item images 211-214 and 219 and a tween item image 220. The menu items images 211 and 212 are for inputting the layer ID of the layer that is a candidate to be linked to the image object. The user can select the layer ID of the layer to be input by the menu item image 211. For example, each time the left-pointing arrow included in the menu item image 211 is selected, the object management unit 102 switches the layer ID number displayed in the menu item image 211 to the previous number. Further, for example, each time the right-pointing arrow included in the menu item image 211 is selected, the object management unit 102 switches the layer ID number displayed in the menu item image 211 to the next number. When the menu item image 212 is selected, the object management unit 102 updates the attribute data 111 of the storage unit 110 so that the link information indicates the layer ID displayed in the menu item image 211.

The menu items images 213 and 214 are for inputting the layer IDs of other image objects that are candidates for linking to the image objects. The user can select the layer ID of the layer to be input by the menu item image 213. For example, each time the left-pointing arrow included in the menu item image 213 is selected, the object management unit 102 switches the number of the object ID displayed in the menu item image 213 to the previous number. Further, for example, each time the right-pointing arrow included in the menu item image 213 is selected, the object management unit 102 switches the number of the object ID displayed in the menu item image 213 to the next number. When the menu item image 214 is selected, the object management unit 102 updates the attribute data 111 of the storage unit 110 so that the link information indicates the object ID displayed in the menu item image 213.

When the menu item image 219 is selected, the menu display unit 101 switches the object menu displayed in the object menu area G1 to an object menu other than the object menu 210. For example, when the left-pointing arrow included in the menu item image 219 is selected, the menu display unit 101 switches the display to the object menu 200. Further, for example, when the right-pointing arrow included in the menu item image 219 is selected, the menu display unit 101 switches the display to the object menu 150.

Hereinafter, an example of the animation editing method according to the present embodiment will be described with reference to FIG. First, by selecting the menu item image 137 of the editor menu 130, the image object 21 is added as shown in FIG. 3 (step S1). As a result, the data indicating the image object 21 is newly added to the attribute data 111 by the object management unit 102. Further, the layer data 114 is updated by the object management unit 102 so as to associate the first layer 0 with the image object 21. Next, the position is adjusted by dragging the image object 21, and the attributes of the image object 21 are set by selecting the menu item image included in each object menu while switching the object menus 150 to 190 (step). S2). Thereby, the size, position, color, transparency, object setting image, sound effect at the time of tapping, size at the time of tapping, etc. of the image object 21 can be set. The set contents are reflected in the attribute data 111 by the object management unit 102.

Next, the tween is set by selecting any of the menu item images 201 or 221 (image displayed as “TWEEN SET”) included in the object menus 150 to 210 (step S3). As a result, the attribute set in step S2 is reflected in the animation data 112 as the first state in the tween by the object management unit 102. Next, steps S2 and S3 are repeated until any menu item image 202 or 222 (image displayed as "TWEEN ADD") included in the object menus 150 to 210 is selected (steps S2 → S3 →). S4, No → S2 → ...). As a result, the state data indicating the first state, the state data indicating the second state, ... Are sequentially accumulated in the work area of the storage unit 110. When the menu item image 212 is selected (step S4, Yes), a series of state data accumulated in the work area at that time is added to the animation data 112 as data indicating the tween of the image object 21.

Next, a new layer is added by selecting the menu item image 139 of the editor menu 130 (step S5). As a result, the data related to layer 1 following layer 0 is newly added to the layer data 114 by the object management unit 102. Next, layer 0 is selected by operating the menu item image 142 of the editor menu 130, and the displayed image object 21 is selected (step S6). Next, the layer 1 is linked to the image object 21 by operating the menu item images 211 and 212 of the object menu 210 (step S7). The content of the link is reflected in the attribute data 111 by the object management unit 102. Next, layer 1 is selected by operating the menu item image 142 of the editor menu 130 (step S8). Next, the image object is added to layer 1 by selecting the menu item image 137 of the editor menu 130 (step S9). As a result, data indicating a new image object is added to the attribute data 111 by the object management unit 102. Further, the layer data 114 is updated by the object management unit 102 so as to associate the layer 1 with the image object. After that, as in steps S1 to S8, the attributes and tween settings of the image object in layer 1 are set.

Hereinafter, an execution example of the animation edited according to the flow of FIG. 12 will be described with reference to FIG. The animation is executed by the animation execution unit 104 in the preview mode. In the preview mode, as shown in FIG. 13A, both the object menu and the editor menu are deleted from the screen of the touch panel display 11. The animation execution unit 104 executes animation as follows based on the attribute data 111, the animation data 112, the background data 113, and the layer data 114. First, the image object 21 included in the layer 0 is displayed on the screen according to the attribute data 111. A background image is displayed on the screen during animation execution based on the background data 113, and background music is played. Next, when the user taps the image object 21, a sound effect at the time of tapping is generated, and the image object 21 temporarily changes to the size at the time of tapping. While the animation is being executed, the image object for which dragging is set can be moved by dragging. When the user drags the image object, the image object moves according to the speed set for the image object.

Next, based on the data related to the image object 21 in the animation data 112, the tween of the image object 21 is executed after a period corresponding to the waiting time from the tap to the start of the tween has elapsed. For example, as shown in FIG. 13B, the image object 21a, which is the first state of the image object 21, passes through the image object 21b, which is the second state, and the image object 21c, which is the third state. The appearance of changing the appearance attributes of the image object 21 up to the image object 21d in the state of 4 is reproduced on the screen of the touch panel display 11. Here, the change between each state is expressed as a continuous change over the required time between each state. For example, the shape of the image object 21a is a quadrangle, and the position is near the lower left corner of the screen. Further, the shape of the image object 21b is a triangle, and the position is the central portion of the screen. In the change from the image object 21a to the image object 21b, the position of the image object 21 is continuously changed from the former position to the latter position on the screen over the time required from the first state to the second state. It is expressed by changing, that is, while the image object 21 is moving, the shape of the image object 21 is gradually changed from a quadrangle to a triangle. When the repeated execution of the tween is turned on, the tween in which the image object 21 changes from the last state to the first state is continued, and the tween from the first state is further executed. From the last state to the first state when the repeat execution of the tween is turned off and whether or not to return to the first state after the tween reaches the last state is turned on. After a period corresponding to the waiting time until returning has elapsed, the image object 21 returns to the image object 21a in the first state.

If the tween repeat is turned off, the animation moves to layer 1, which is the link destination of the image object 21, when the tween is complete. As a result, the image objects 22 to 24 of layer 1 are displayed on the screen, and animation by these image objects is executed. When another image object is linked to the image object 21, the animation by the linked image object is executed.

According to the present embodiment described above, the object menus 150 to 210 are displayed in a predetermined area on the screen of the display. Of these, the object menus 150 to 190 and 210 are divided into menus according to the type of attribute to be edited, such as size, color, and music. With these, a plurality of attributes in the image object can be set. Then, in the present embodiment, the object menus 150 to 210 displayed in a predetermined area on the screen are switched between the object menus 150 to 210 based on the input via the touch panel of the touch panel display 11. Therefore, it is possible to set a plurality of attributes in order by a simple operation of switching the object menu and repeatedly selecting the menu item image in the object menu. As described above, it is possible to edit an animation targeting changes in a plurality of attributes in an image object with a simple operation. For example, changes in attributes in animation such as size, tilt, color, size when tapped, size change on / off when tapped, drag speed, drag on / off, object setting image and link information, etc. Can be set appropriately. For image objects for which dragging is turned on, the image object can be moved by dragging by the user when executing the animation. You can also set the speed of movement of the image object at that time. Therefore, it is possible to produce a situation in which the image object is heavy and difficult to move during the animation execution, or conversely, a situation in which the image object is light and easy to move.

Further, in the present embodiment, after setting the attributes of the image object, the menu item image 201 included in the object menu 200 or the menu item image 221 included in any of the object menus 150 to 190 and 210 is selected. Then, state data of the first state, the second state, ..., And the nth state regarding the attributes of the image object are accumulated in the work area of the storage unit 110. Then, when the menu item image 202 included in the object menu 200 or the menu item image 222 included in any of the object menus 150 to 190 and 210 is selected, the animation data 112 is generated based on the accumulated state data. Will be generated. These make it easy to set the tween.

Further, in the present embodiment, tween item images 220 (menu item images 221 and 222) for setting tweens are included in each of the object menus 150 to 210. Suppose that the tween item image 220 is included in only one of the object menus 150 to 210. In this case, after setting the attribute of the image object in the object menu that does not include the tween item image 220, the tween item image 220 is included in order to set the attribute to any of the first to nth states. You have to switch the display to another object menu. On the other hand, according to the present embodiment, the tween item image 220 is included in each of the object menus 150 to 210. Therefore, after setting the attribute in any of the object menus, the set attribute can be set in any of the first to nth states without switching the object menu.

In addition, the attributes of the image object according to this embodiment include object ID, size, position, tilt, color, size when tapped, sound effect when tapped, on / off of size change when tapped, and dragging. There are speed of, drag on / off, object setting image and layer ID, and link information. According to this, various attributes related to the appearance of the image object, behavior at the time of tapping including dragging, and attributes such as layers and links can be set. Therefore, there are many variations of animation by image objects.

<Modification example>
The above is a description of a preferred embodiment of the present invention, but the present invention is not limited to the above-described embodiment, and various changes can be made as long as it is described in the means for solving the problem. It is possible.

For example, in the above-described embodiment, the display of the object menus 150 to 210 is switched by selecting the menu item images 159, 169, 179, 189, 199, 209, or 219 included in these object menus. Will be done. However, the display of the object menu may be switched by other methods. For example, it may be switched by selecting a menu item image included in the editor menu.

Further, in the above-described embodiment, in setting the tween, the state data indicating the first to nth states is stored by selecting the menu item image 201 or 221 after setting the attributes in the object menus 150 to 190. The animation data 112 is generated based on the accumulated state data by accumulating in the work area of the unit 110 and finally selecting the menu item image 202 or 222. However, the tween may be set by other methods. For example, when a menu item image is selected, it switches to a mode for setting tweens, and each time an attribute is set in the object menus 150 to 190 in that mode, the attribute is in the first state, the second state. It may be accumulated in the work area of the storage unit 110 as the state of. Alternatively, the present embodiment may be configured so that when each menu item image of the object menus 150 to 190 is selected, each attribute before and after the change is set at once. For example, when the menu item image 152 of the object menu 150 is selected, the present embodiment may be configured to set the still image before the change and the still image after the change at once.

Further, in the above-described embodiment, the object menus 150 to 210 are displayed in the object menu area G1 which is a fixed area on the screen of the touch panel display 11. However, the area in which these object menus are displayed may change from display to display. For example, these object menus may be displayed in the vicinity of the currently selected image object.

G1 Object menu area G2 Editor menu area 1 PC
11 Touch panel display 21-26 Image object 101 Menu display unit 102 Object management unit 110 Storage unit 130 Editor menu 131-142 Menu item image 150-210 Object menu 151-153, 159 Menu item image 161-163, 169 Menu item image 171 ~ 174, 179 Menu item image 181, 189 Menu item image 191 to 193, 199 Menu item image 201 to 209 Menu item image 211 to 214, 219 Menu item image 220 Tween item image 221, 222 Menu item image

Claims (7)

A program in which a computer to which a pointing device is connected or mounted and a display is connected or mounted thereof functions as a device for editing animation by one or more image objects.
The animation is intended for changes in a plurality of attributes regarding the appearance and position of the image object on the display and at least one of the sound effects set on the image object.
An object display means for displaying the image object on the display so that the position as the attribute can be changed based on the input by the pointing device.
One of a plurality of menu set images prepared for each type of the attribute, including a menu item image for editing the content of the attribute for each image object, is displayed on the screen of the display and the pointing is performed. A menu display means for switching between the plurality of menu set images to be displayed on the screen of the display based on user input by the device, and
When the menu item image displayed on the display is selected based on user input by the pointing device, a process of setting the attribute related to the image object is executed according to the selected menu item image. An animation editing program characterized in that the computer functions as an attribute setting means. The first aspect of the animation is that the change in the attribute includes a change in the size, position, color and transparency of the image object and at least one of the images set in the image object. Described animation editing program. The animation editing program according to claim 1 or 2, wherein in the animation, the change of the attribute includes the movement of the image object by dragging. The animation editing program according to claim 3, wherein at least one of the menu item images is an image for setting the speed of movement of the image object with respect to the drag. The animation is a series of a first state → a second state → ... → an nth state (n: a natural number of 2 or more) relating to the attribute of the target object which is at least one of the one or a plurality of image objects. Targeting change,
At least one of the plurality of menu set images includes a change attribute setting menu item image which is the menu item image for setting the first to nth states.
When the state of the first k (1 ≦ k <n) is already set and the state of the k + 1 is not yet set, the change attribute setting menu item is based on the user input by the pointing device. Any of claims 1 to 4, wherein when an image is selected, the computer functions so that the attribute set at that time with respect to the target object is set as the k + 1 state. The animation editing program described in item 1. The animation editing program according to claim 5, wherein the change attribute setting menu item image is included in each of the plurality of menu set images. The touch panel is used when executing the animation, and the image object can be tapped and dragged through the touch panel.
In the animation, a plurality of layers including one or a plurality of the image objects can be set, and when the tapping operation of the image object is completed, the animation is executed next. Alternatively, a link to the layer can be set,
The attributes of the image object include an object ID for identifying the image object, a size, a position, an inclination, a color, a size when tapped, a sound effect when the touch panel is tapped, and a size when the touch panel is tapped. It includes at least one of change on / off, drag speed, drag on / off, layer ID for identifying the image and layer set in the image object, and link information indicating the link. The animation editing program according to any one of claims 1 to 6, wherein the animation editing program is provided.