KR20160063058A - Methods customizing avatar on touch screen - Google Patents

Abstract

The present invention relates to a method for editing an avatar on a touch screen, more specifically, to an avatar editing method on a touch screen capable of selecting and editing an edited object by using the number of touch points touched on the touch screen, and a drag trajectory drawn by moving the touched touch points. The method for editing the avatar on the touch screen comprises: an object selecting step for selecting the edited object in the avatar displayed on the touch screen; and an editing step for editing the object selected in the object selecting step. When the edited object is selected in the object selecting step, the number of the touch points touched on the touch screen is used. When the drag trajectory of the touch points touched on the touch screen is used in the editing step.

Description

[0002] Methods for customizing avatar on touch screen [0003]

The present invention relates to a method of editing an avatar on a touch screen, and more particularly, to a method and apparatus for editing an avatar using a touch screen for selecting and editing an editing target using a number of touch points touched on a touch screen, And more particularly, to a method of editing an avatar.

An avatar is a visual image that represents a person's self-esteem in a virtual society, and is often used as a character expressing himself in online blogs and games.

An avatar is a character expressing a user himself online, and a user wants to edit an avatar into an image that he wants or an image that resembles himself.

Thus, the service provider providing the avatar allows the user to directly edit the avatar.

In recent years, when a user edits an avatar, a company actually produces and sends a doll such as an edited avatar.

As a result of the development of IT technology, a touch screen which can be operated by touching by a user is mainly used in various mobile devices, and the present invention relates to a method of editing an avatar on a touch screen. Hereinafter, It is assumed that the avatar is edited.

As a conventional technique for editing avatars, Patent No. 10-102857 entitled " Method for editing avatars of mobile communication terminals "has been disclosed.

FIG. 1 is a diagram illustrating an avatar editing method disclosed in the above-mentioned Japanese Patent Application No. 10-102857.

1 (a), an avatar editing frame is displayed on the touch screen, a basic avatar is displayed on the right side of the editing frame, a menu window for selecting an object to be edited is displayed on the upper right side of the editing frame, There is an edit window to select the shape of the selected object. In the middle, there is a window showing the shape of the selected object.

That is, the phrase 'face' is displayed on the upper right of the edit frame of FIG. 1 (a) and the arrows are up and down on the right side thereof. Underneath the editing frame, there is displayed the phrase 'shape selection 21/21' which indicates the types of the selected editing object. There are 21 arrows on both sides thereof, And the shape of the shape.

The problem with the prior art shown in Fig. 1 is that the range of editing avatars is limited. That is, the user can only edit within the avatar provider's prepared objects (eg, face, head, costume, etc.) and the shape of the target (eg face - egg shape, square shape, round shape, There is a limit.

Recently, a technique has been proposed to expand the range of editing by the user.

FIG. 2 shows a conventional technique in which a user can edit an avatar more widely.

2, a basic type avatar is displayed on the left side, a menu window for selecting an object (eye, head, face, nose, etc.) to be edited is displayed next to the avatar, and an edit window for editing the selected target is displayed There is a door.

In FIG. 2, when the user touches the eye (EYE) of the menu window, the edit window displays various eye-related slide bars and various types of eye shapes having different colors and shapes. When the user selects one of the eyes, the eye is immediately edited on the avatar on the left side. When the slide bar is moved, the slope of the eye, the height, the distance between the two eyes, It is edited as it changes in real time.

The conventional art of FIG. 1 has a limitation in the editing of the avatar shape, but the conventional art of FIG. 2 allows the avatar to be edited in a wide range of shapes desired by the user.

1 and 2, it is troublesome to continuously keep an eye on an avatar displayed on a touch screen, a menu window for editing, and an edit window, and to continuously select a target for editing and a method for selecting the method. That is, touch the icon to display the menu window and display the object to be edited, and make sure that the shape of the selected object is changed (edited) while paying attention to the moving direction and moving distance of the slide bar.

Since the menu window and the edit window are continuously displayed together with the avatar image on the touch screen, the avatar image is displayed in a small size, making it difficult to fine-tune the avatar image.

In summary, in the avatar editing method according to the related art, it is troublesome to continuously touch the menu window and the edit window while viewing the touch screen, and there is an inconvenience that it is necessary to edit the menu window and the edit window while alternately viewing not only the avatar to be edited, The editing window is always displayed, so that the avatar image is displayed relatively small, making it difficult to edit the avatar in detail.

The present invention is contrived to solve the problem of the avatar editing method according to the related art. In the editing of the avatar image, the number of times the user touches the touch screen can be minimized, It is possible to maximize the size of the avatar image displayed on the touch screen screen by allowing the window to not be displayed, thereby providing an avatar editing method on the touch screen capable of fine editing and editing of the avatar image without viewing the menu window and the editing window. .

In order to accomplish the above object, an avatar editing method in a touch screen according to the present invention includes:

Selecting an object to be edited in the avatar displayed on the touch screen;

And editing the selected object in the target selection step, the method comprising:

Wherein the editing object selection in the object selection step uses the number of touch points that are touched on the touch screen,

The editing in the editing step uses a drag trajectory of a touch point touched on the touch screen.

In addition, even if the number of the last touch points is the same in the target selection step, the touch target is simultaneously touched and the touched time is divided,

Wherein when the touch points are touched with a time difference in the object selection step, the object to be edited is selected according to the position where the second touch point is touched in the up, down, left, and right directions with reference to the first touch point,

The trajectory of the drag in the editing step is composed of a combination group of at least one of a moving direction of the drag, a linear movement, a curve movement and a number of intersection points.

The method for editing an avatar on a touch screen according to the present invention configured as described above minimizes the number of times the user touches the touch screen for editing the avatar, simplifies and simplifies the editing operation, and enables editing while watching only the avatar, There is no need to look at the menu window or the edit window, and the avatar image can be displayed on the touch screen in a full display, so that the avatar editing method on the touch screen capable of fine editing is very useful invention for industrial development.

1 is a diagram showing a method of editing an avatar in the prior art;
FIG. 2 is a diagram showing a method of editing an avatar in another prior art. FIG.
FIG. 3 is a flowchart illustrating a method of editing an avatar in a touch screen according to the present invention.

Hereinafter, an avatar editing method in the touch screen according to the present invention will be described in detail with reference to the drawings.

Before describing the present invention in more detail,

While the present invention has been described in connection with certain exemplary embodiments, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, is intended to cover various modifications and equivalent arrangements included within the spirit and scope of the invention. It is to be understood, however, that the invention is not intended to be limited to the particular forms disclosed, but on the contrary, is intended to cover all modifications, equivalents, and alternatives falling within the spirit and scope of the invention.

In the drawings, the same reference numerals are used for the same reference numerals, and in particular, the numerals of the tens and the digits of the digits, the digits of the tens, the digits of the digits and the alphabets are the same, Members referred to by reference numerals can be identified as members corresponding to these standards.

In the drawings, the components are expressed by exaggeratingly larger (or thicker) or smaller (or thinner) in size or thickness in consideration of the convenience of understanding, etc. However, It should not be.

The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. The singular expressions include plural expressions unless the context clearly dictates otherwise. In the present application, the term " comprising " or " consisting of ", or the like, refers to the presence of a feature, a number, a step, an operation, an element, a component, But do not preclude the presence or addition of one or more other features, integers, steps, operations, components, parts, or combinations thereof.

Unless defined otherwise, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. Terms such as those defined in commonly used dictionaries are to be interpreted as having a meaning consistent with the contextual meaning of the related art and are to be interpreted as either ideal or overly formal in the sense of the present application Do not.

As shown in FIG. 3, the avatar editing method in the touch screen according to the present invention includes a preparing step S10, a touch point detecting step S20, a target selecting step S30, a drag trajectory detecting step S40, S50).

In the preparation step (S10), the user prepares a program for editing an avatar (application).

When the program is executed, the avatar of the basic image is displayed on the touch screen screen, and a small menu icon is displayed in the corner of the screen.

When editing an avatar, the user can touch a menu icon to display a reference image on the touch screen screen when there is an image to be referred to (e.g., a user's photograph).

The menu icon provides information on how to edit an avatar in the present invention. That is, when a menu icon is touched in the touch point number detection step, a pop-up window is opened to notify an editing target matched with the number of touch points, and when a menu icon is touched in the editing step, a pop- up window is opened to inform the editing contents according to the drag trajectory . A pop-up window that provides information about the editing of the avatar according to the number of touch points and the trajectory may continue to be provided on the touch screen screen (not displayed as a pop-up screen) but may be displayed It will be preferable to pop up so that it is displayed only when necessary.

In the touch point number detection step S20, when the user touches a finger (possibly, a touch pen) on the touch screen after the preparation step S10 is completed, the touch of the avatar editing program The point detection module detects the number of touch points touched.

The user touches the touch screen with a number of fingers to select an object to be edited from the avatar image among the five fingers (ten fingers using both hands).

In the case where there are not many kinds of objects to be edited in the avatar, that is, when the number of the objects to be edited is not more than five, the number of touch points to be touched on the touch screen can be selected. However, It is desirable to select various types of editing objects by classifying the touch method.

Accordingly, the present invention distinguishes whether a plurality of touch points are detected at a time or a time difference when a plurality of touch points are detected, and detects a first touch point that is detected first when a touch point is detected at a time difference And the second touch point, which is detected next as a reference, is touched.

For example, when three fingers are touched on the touch screen, simultaneous touch of three fingers, touch of two fingers simultaneously after touching one finger, touch of one finger after touching two fingers simultaneously, and all three fingers touching sequentially Three touch points are detected but they can be distinguished from each other, and after the first finger is touched (i.e., the first touch point is touched), the second finger is touched in any one of the up, down, left, and right directions The touch points of the first touch point and the second touch point are distinguished from one finger or a plurality of fingers, it is possible to distinguish between the first touch point and the second touch point The user can select many kinds of editing objects with his / her finger.

The touch finger must be moved on the touch screen to edit the target, and it is possible to select all the objects to be edited with only three fingers, i.e., thumb, index finger, and stop, Lt; / RTI >

In the editing object selecting step S30, the editing according to the number of touch points detected in the touch point number detecting step (the simultaneous touch, the time difference detecting, the positions of the first and second touch points and the like may be considered as described above) The selection module of the application is selected by the application.

When the selected object in the editing object selection step S30 is one of the avatar body parts (e.g., face shape, eye, nose, mouth, head, etc.) (E.g., glasses, caps, hair pins, etc.) to be worn on the avatar body, it is desirable to display the object so that it is worn on the avatar.

In the drag trajectory detection step S40, the trajectory detection module of the application detects the trajectory of drag in which the touch point touched on the touch screen moves.

The shape (i.e., the locus) of the finger moving on the touch screen may vary. In the present invention, only the one that can clearly be distinguished is the detection target.

That is, a moving direction in which a finger moves up and down and left and right (including a diagonal line), a moving mode in which a finger moves in a straight line or a curve, and a trajectory of a drag that detects the number of crossing points .

The direction of movement of one finger can be divided into four directions, and diagonal lines can be divided into eight directions.

The finger movement method can be divided into linear movement and curved movement. Curved movement can be difficult to distinguish whether it is a curved line or a straight line when the movement distance is short, and linear movement is limited to the movement distance due to the area limitation of the touch screen . Thus, it may be desirable to use the curved movement to extend the travel distance of the linear movement. In other words, when the finger has to move to the right more linearly and can not move further due to the area limit of the touch screen, if the finger moves curved to the left and moves linearly to the right side, The moving distance can be made longer.

When you rotate your finger in a circle, one intersection occurs in one circle. When the finger is moved sideways while drawing the ellipse, one intersection is generated in one movement on the movement trajectory. If it is difficult to rotate the finger while being moved sideways, the finger is rotated from its original position to the circular shape. The number of intersections can be calculated. The number of intersections can be useful in deciding what shape to edit. For example, when editing the eyes of an avatar, it may be useful to decide how to edit the eyes, such as the height of the eyes, the slope of the eyes, the distance between the two eyes, the presence of twigs or the like.

In the case of using one finger, the trajectory is detected as the movement direction, the linear movement or the curved movement, and the number of the intersection points. In the case of using the plural fingers, the fingers detect the trajectory and the finger is fixed in place You can edit the avatars more variously.

In the editing step S50, the editing module of the application edits the corresponding object in real time in the avatar image displayed on the touch screen according to the trajectory detected in the drag trajectory detecting step. That is, the shape of the avatar image is changed in real time according to the detected trajectory.

Hereinafter, a process of editing an avatar using the avatar editing method on the touch screen according to the present invention will be described as an example.

One example is the editing of a face using five fingers with relatively free thumb and index finger movement.

When the thumb and the index finger are simultaneously touched on the touch screen screen so as to be arranged in the up and down direction, the color of the eye is changed several times in the avatar image (in the same manner as the flashing of the illumination).

Next, when one of the thumb or index finger (that is, the touch point on the upper side or the touch point on the lower side) is rotated after the eyes of the avatar are selected for editing, the color of the eyes And the shapes of eyes that are different in shape are replaced and displayed on the avatar.

When the user rotates the finger and displays the desired color and shape of the eyes on the avatar, the user stops rotating the finger and selects the eyes.

Next, when another finger (that is, the touch point on the lower side or the touch point on the upper side) is rotated after selecting the eye of the desired color and shape, the eye height, the eye tilt, the distance between the two eyes, Notify the user that the size of the eye, the presence or absence of the eye patch, and the degree of the eyeball will be edited.

For example, if you turn your finger one turn (that is, when one crossing occurs), you will notice that the eye moves up and down on the avatar face to adjust the eye height, and when you turn your finger two turns, the outside of the eye moves up and down, And when the finger is rotated three times, the distance between the two eyes is narrowed. By noticing that the distance between the two eyes is adjusted, when the finger is rotated four times, the width and width of the eye are changed, And that turning the fingers five times will cause the pair of spermatozoa in the eye to change, and that the degree of twitching will be adjusted to control the double folliculi.

Next, if a finger is moved in a straight line in any one of the up, down, left, and right directions after selecting whether to edit (edit) the something of the eye (i.e., height, inclination, distance, etc.), the eye changes in real time .

For example, in the case of adjusting the height of an eye, when the finger is moved straight upward, the eye is moved upward from the face, and when the finger is moved downward, the eye is moved downward from the face. At this time, I would like to place the eye above or below the face, but the size constraint of the touch screen screen or the physical constraint of the finger (for example, the maximum distance between the thumb and index finger is limited, the thumb is fixed on the touch screen, When the finger can not be moved to the upper part or the lower part any more due to restriction of the distance that the index finger can move when the finger moves on the touch screen, the finger is curved so as to return to the starting position (or one of the straight movement paths) You can move the eye further up or down the face by moving it straight again after it is turned on.

Here, rotating the finger to select which of the eyes to edit (i.e., height, tilt, distance, etc.) may be omitted.

That is, for example, as a touch point disposed at the lower part, when the index finger is moved from the index finger to the thumb, the color and shape of the eye are sequentially changed. When the index finger is moved vertically When the thumb is moved up and down and the thumb is moved up and down, the outer side of the eye moves up and down to adjust the inclination of the eye. When the thumb is moved in the left and right direction, And the distance between the two eyes is adjusted when the thumb and the index finger move simultaneously in opposite directions.

In this way, after the user edits the avatar in a desired shape, the editing is completed by storing the edited avatar (S60).

While the present invention has been described with reference to the accompanying drawings, it is to be understood that the invention is not limited thereto. Various modifications and changes may be made by those skilled in the art. And should be construed as falling within the scope of protection of the invention.

S10: preparation step S20: touch point detection step
S30: Editing object selection step S40: Drag trajectory detection step
S50: Edit step

Claims (4)

Selecting an object to be edited in the avatar displayed on the touch screen;
And editing the selected object in the target selection step, the method comprising:

Wherein the editing object selection in the object selection step uses the number of touch points that are touched on the touch screen,
Wherein the editing in the editing step uses a drag trajectory of a touch point touched on the touch screen. The method according to claim 1,
Wherein when the number of the last touch points is the same as the number of the last touch points in the target selection step, the editing target is selected because the touch points are simultaneously touched and the touched time is different. 3. The method of claim 2,
Wherein when the touch points are touched with a time difference in the object selection step, an object to be edited is selected in accordance with a position where the second touch point is touched in the up, down, left, and right directions with reference to the first touch point How to edit avatars. 4. The method according to any one of claims 1 to 3,
Wherein the trajectory of the drag in the editing step comprises a combination group of at least one of a moving direction of the drag, a linear movement, a curve movement, and a number of intersection points.

Images