JP7137884B1 - Drawing method and drawing program - Google Patents

Abstract

A drawing method and a drawing program are provided that further reduce the burden on an operator when a computer draws a specific figure.
A drawing method includes specifying that a pointed position when a first event occurs is one end point of a diagonal line of a quadrilateral, that is, the position of a first vertex of the quadrilateral; Specifying the indicated position when the second event occurs after the event as the position of the other end point of the diagonal line, that is, the position of the second vertex of the quadrilateral; Identifying the positions of the third and fourth vertices of the quadrilateral from the position of the first vertex and the position of the second vertex, and indicating when the third event occurs after the second event. locating a fifth vertex based on the position; forming a quadrilateral at the position of each of the first vertex, the third vertex, the fourth vertex and the fifth vertex; and drawing by replacing with .
[Selection drawing] Fig. 6

Description

The present invention relates to a drawing method and a drawing program.

2. Description of the Related Art There are various techniques that allow an operator to draw a desired figure on a screen by operating a computer. These techniques include functions devised so that figures intended by the operator can be drawn by the operator's simple operation.

For example, in a coordinate input display device comprising control means for controlling a handwriting drawing mode, a figure recognition drawing mode, and a figure correction mode, and a display means for displaying information output from the control means on a screen, the control means may comprise: There is a technique for transitioning to a figure recognition drawing mode when a drag operation is not performed for a predetermined time during a one-point touch in which a coordinate detection object touches the touch surface in the handwriting drawing mode (see, for example, Patent Document 1).

Also, the trajectory of the touch point made on the touch panel is displayed on the display screen. Then, when the stop touch is detected during the detection of the touch point, the figure indicated by the trajectory is determined. Furthermore, there is a technique of deleting the displayed trajectory and displaying the figure obtained as a result of the determination on the display screen after the determination of the figure is completed (see, for example, Patent Document 2).

However, since there are a wide variety of figures that operators want to draw, there are cases where it is not always possible to provide the user with simple operability for drawing a specific type of figure.

Japanese Patent Application Laid-Open No. 2003-208259 Japanese Patent No. 4136444

An object of the technology disclosed herein is to provide a technology that further reduces the burden on the operator when causing a computer to draw a specific figure.

The disclosed technique is a drawing method in which a computer draws an image on a canvas, and a sensing device communicatively connected to the computer detects the operator's motion, thereby drawing an image on the canvas designated by the operator. A mechanism is prepared for the computer to obtain the indicated position of the quadrangle and the occurrence of the event, and the indicated position when the first event occurs is set to one end point of the diagonal line of the quadrangle, that is, the first point of the quadrangle. and specifying the indicated position when the second event after the first event occurs as the position of the other end point of the diagonal line, i.e., the second position of the quadrilateral and determining the position of the third and fourth vertices of the quadrilateral from the position of the first vertex and the position of the second vertex based on a predetermined rule. identifying a position of a fifth vertex based on the indicated position when a third event after the second event occurs; and drawing a quadrilateral formed at each position of the vertex, the third vertex, the fourth vertex, and the fifth vertex.
The technology disclosed also provides a program that causes a computer to execute the above method, and a storage medium that stores the program.

According to the disclosed technique, it is possible to further reduce the burden on the operator when drawing a specific figure on the computer.

FIG. 1A shows a quadrilateral 10 rendered by the disclosed technique. FIG. 1B shows an example in which the quadrilateral shown in FIG. 1A is used as a manga panel. FIG. 2 shows in chronological order the computer drawing the quadrilateral 22 on the drawing canvas 200 in response to an event generated by an operator's instruction. FIG. 2A shows the drawing canvas 200 when the first event based on the operator's instruction occurs. FIG. 2B shows the drawing canvas 200 when a second event based on the operator's instruction occurs. FIG. 2C shows the drawing canvas 200 when the third event based on the operator's instruction occurs. FIG. 2D shows quadrilateral 22 after a third event has occurred and quadrilateral 21 has been drawn. FIG. 3 shows examples of a first event, a second event and a third event. FIG. 4A shows an example in which the angle formed by the sides 33 and 34 in FIG. 4A is θ1, which is smaller than the predetermined angle θ0, in the third event. FIG. 4B shows an example of correcting a quadrilateral to a trapezoid. FIG. 5A shows an example in which the angle formed by the sides 43 and 44 in FIG. 5A is θ2, which is greater than or equal to the predetermined angle θ0, in the third event. FIG. 5B shows an example in which the quadrilateral 40 is left as it is and the quadrilateral 41 is obtained without modification. FIG. 6 shows the processing flow of the embodiment. FIG. 7 shows detailed processing of step S522 in FIG. FIG. 8 shows a hardware configuration diagram of the embodiment. 9A and 9B are diagrams showing a modification of the embodiment of FIG. 4. FIG. 10A and 10B are diagrams showing modifications of the embodiment of FIG.

Each embodiment will be described below with reference to the drawings.

FIG. 1A shows a quadrilateral 10 rendered by the disclosed technique. FIG. 1B shows an example in which the quadrilateral shown in FIG. 1A is used as a manga panel.
Quadrilateral 10 in FIG. 1A has four vertices: vertex A10, vertex B10, vertex C10 and vertex D10. In quadrilateral 10 of FIG. 1A, side 11 and side 13 of quadrilateral 10 are parallel or substantially parallel, and side 12 and side 14 are not parallel.
Note that the quadrangle 10 shown in FIG. 1A is an example, and the technology disclosed herein is not limited to drawing the quadrangle 10 shown in FIG. 1A.

A quadrilateral 21 and a quadrilateral 22 are shown in FIG. 1B. Quadrilateral 21 has a shape similar to quadrilateral 10 in FIG. The quadrangle 22 differs from the quadrangle 10 in FIG. 1 in that its two horizontal sides are parallel or nearly parallel, but the lengths of these sides differ from the quadrangle 10 in FIG. 1A. different. Such figures are frequently used in comic panels as described above, and it is desired to be able to draw them with a simple operation.

The technique disclosed below mainly shows an example in which the computer draws the quadrilateral 10 shown in FIG. 1A based on the operator's instructions. It goes without saying that the technology disclosed herein can also be applied to drawing a quadrangle having a shape other than the shape of the quadrangle 10 . In addition, the operator's "instruction" refers to the sensing device's click, button press, release of the pressed button, tap, touch, release of touch, start of swipe, end of swipe, change in touch pressure, contact, It means, but is not limited to, a change in position moving speed, a change in position moving direction, the start of mouse drag, the end of mouse drag, and the like. Furthermore, "touch" includes, but is not limited to, pressure-sensitive, electromagnetic induction, capacitive, and the like. Also, "contact" includes not only actual physical contact, but also electrical sensing of the device. In addition, by optically imaging the operator's finger gestures with a camera or the like and recognizing the type of gesture by a computer, "instructions" corresponding to each of the identified gestures of the operator can be received in a contactless manner. can be
Note that the swipe may be started either when the pen or the finger touches the screen, or when the pen or the finger starts to move while the pen or the finger is touching the screen. Also, the swipe may be finished either when the pen or the finger stops moving while the pen or the finger is in contact with the screen, or when the pen or the finger leaves the screen.
Note that mouse dragging may be started either when the mouse button is pressed or when the mouse starts moving while the mouse button is pressed. Furthermore, mouse dragging is ended when the mouse stops moving while the mouse button is pressed, when the direction of movement of the mouse is changed by a predetermined angle or more, or when the mouse button is released. may be

FIG. 2 shows in chronological order the computer drawing the quadrilateral 22 on the drawing canvas 200 in response to an event generated by an operator's instruction.

FIG. 2A shows the drawing canvas 200 when the first event based on the operator's instruction occurs.
For example, assume that the operator operates a mouse (not shown) to start dragging the mouse cursor 210 at position A20. Starting a drag is an example of a first event. The position A20 where this dragging is started is recognized as the first vertex of a quadrilateral 22, which will be described later with reference to FIG. 2D.

FIG. 2B shows the drawing canvas 200 when a second event based on the operator's instruction occurs.
For example, assume that the operator has operated the mouse and finished dragging at the position C20 of the mouse cursor 210 . Ending a drag is an example of a second event. The position C20 where this dragging ends is recognized as the second vertex of the quadrilateral 20 .

In FIG. 2B, when the second event occurs, the position A20 and the position C20 are identified, so that the rectangle 20 is drawn with the diagonal 25 at the position A20 and the position C20, for example. This rectangle 20 has vertex A20, vertex B20, vertex C20 and vertex D20. Since this rectangle 20 may not be the final figure desired by the operator, it does not necessarily have to be drawn on the screen.
In this example, the sides of the rectangle are configured to be parallel to the vertical or horizontal direction of the display screen, but the direction of the sides of the rectangle is not limited to this. For example, when one page of a manga is rotated and obliquely displayed on the screen, the direction of the sides of the rectangle may be parallel to the vertical direction of the page or the horizontal direction of the page.

FIG. 2C shows the drawing canvas 200 when the third event based on the operator's instruction occurs.
For example, it is assumed that the operator operates the mouse to point the mouse cursor 210 at position C21 on the side connecting position B20 and position C20, and clicks the mouse. This mouse click is an example of a third event.

In this embodiment, when the quadrangle 20 is drawn on the screen, the quadrangle 20 can be redrawn as the quadrangle 21 . If the quadrangle 20 is not drawn on the screen, the quadrangle 21 can be drawn first. Quadrilateral 21 is a quadrilateral having vertices A 20 , B 20 , C 20 and D 21 and diagonal 26 .

FIG. 2D shows the situation after the third event has occurred and quadrilateral 21 has been drawn. Even if the mouse cursor disappears, the drawing of the quadrilateral 22 is continuously displayed.

As described above, the quadrangle 22 that the operator ultimately desires is drawn even if the mouse cursor is moved. The diagonal line 25, diagonal line 26 and quadrilateral 20 do not necessarily have to be displayed on the display screen. However, if the diagonal line 25, the diagonal line 26, and the quadrilateral 20 are drawn in the middle of drawing the final quadrilateral 22, the operator can guide the operation of the mouse. It is desirable to display all or part of these permanently or temporarily so that the state can be easily grasped.

FIG. 3 shows examples of a first event, a second event and a third event. FIG. 3 is illustrative and not limiting.
The contents of FIG. 3 are described below.
(1) The first event may be the start of a mouse drag, the second event may be the end of a mouse drag, and the third event may be a mouse click. good.

(2) The first event may be a mouse first click, the second event may be a mouse second click, and the third event may be a mouse third click. It may be a click.

(3) The first event may be a mouse click, the second event may be the start of a mouse drag, and the third event may be the end of a mouse drag. good.

(4) The first event may be the start of a swipe on the drawing screen with the pen or finger, the second event may be the end of the swipe on the drawing screen with the pen or finger, Event 3 may be a touch on the drawing screen with a pen or finger.

(5) the first event may be the initiation of a swipe with a pen or finger onto the drawing screen, the second event may be a change in the pressure of the pen or finger touching the drawing screen; A third event may be the end of a pen or finger swipe to the drawing screen.

(6) The first event may be a first tap on the drawing screen with the pen or finger, and the second event may be a second tap on the drawing screen with the pen or finger. , the third event may be a third tap on the drawing screen with a pen or finger.

(7) The first event may be a tap on the drawing screen with a pen or finger, the second event may be the initiation of a swipe on the drawing screen with a pen or finger, and the third event may be The event may be the end of a pen or finger swipe to the drawing screen.

(8) The first event may be the start of a mouse drag, the second event may be a change in drag direction, and the third event may be the end of a mouse drag. good too.

(9) The first event may be the start of a mouse drag, the second event may be a change in drag speed (increase or decrease), and the third event may be a mouse drag. may be the end of

(10) The first event may be the initiation of a swipe with a pen or finger onto the drawing screen, the second event may be a change in swipe direction, and the third event may be a pen or finger swipe. It may be the end of swiping to the drawing screen with a finger.

(11) The first event may be the initiation of a swipe with a pen or finger onto the drawing screen, the second event may be a change in swipe speed (increase or decrease), and the third The event may be the end of a pen or finger swipe to the drawing screen.

FIG. 4A shows an example in which the angle formed by the sides 33 and 34 in FIG. 4A is θ1, which is smaller than the predetermined angle θ0, in the third event. The predetermined angle θ0 can be determined in advance.

FIG. 4B shows an example of correcting a quadrilateral to a trapezoid.
If θ1 is smaller than θ0, such a correction may be made by drawing a side 35 parallel to side 34 . As a result of this modification, the vertex C31 of the quadrangle 30 is replaced with the vertex C32 of the quadrangle 31 .
By performing such an operation, if the operator desires to draw a trapezoid and places the position C31 near the side 32, θ1 becomes smaller than the predetermined angle θ0. A trapezoid is drawn. That is, from the position C31, the leg C32 of a perpendicular line extending from the position C31 to the virtual side 32 parallel to the side 34 and passing through the vertex B20 can be obtained, and the vertex C32 of the quadrangle 31 forming the trapezoid can be obtained.
Although the predetermined angle θ0 is used in the embodiment shown in FIG. 4, it is not limited to using the angle as a reference. For example, if the distance from the vertex C31 to the virtual side 32 determined by the length of the perpendicular drawn from the vertex C31 to the virtual side 32 is shorter than a predetermined distance L (not shown), the vertex C31 is A modified example of replacing with vertex C32 may be employed. Note that the "predetermined distance L" is a predetermined distance determined by a "predetermined number of pixels", a "predetermined distance on the display screen", or a "length obtained by multiplying the vertical or horizontal length of the drawing canvas by a predetermined ratio". can be used.
It should be noted that the modification of the embodiment by replacing the predetermined angle .theta.0 with the predetermined length L as described above can also be performed in the following embodiments, so the description thereof will be omitted.

FIG. 5A shows an example in which the angle formed by the sides 43 and 44 in FIG. 5A is θ2, which is greater than or equal to the predetermined angle θ0, in the third event.

FIG. 5B shows an example where the quadrilateral 40 is left as is and not modified.
If .theta.2 is greater than or equal to .theta.0, the drawn quadrangle need not be corrected.
By performing such an operation, if the position C41 indicated by the mouse or the like operated by the operator is the position C41 desired by the operator, and if θ2 is equal to or greater than the predetermined angle θ0, the position C41 is adopted as it is. However, the quadrangle 41 can adopt the same vertex C41 as the quadrangle 40 .

FIG. 6 shows the processing flow of the embodiment. Each step will be described below.
[Step S510] It is checked whether the first event has occurred. An example of the first event has been described with reference to FIG. Other events below have also been described with reference to FIG. If this check is affirmative (Yes), the process proceeds to step S512. If this check is negative (No), the process of this step is repeated.
[Step S512] The position of the first vertex of the quadrilateral is identified. In the above embodiment, vertex A20 is specified.

[Step S514] It is checked whether a second event has occurred. If this check is affirmative (Yes), the process proceeds to step S516. If this check is negative (No), the process of this step is repeated.
[Step S516] The position of the second vertex of the quadrilateral is identified. A vertex C20 shown in FIG. 2 is identified.

[Step S518] The positions of the third and fourth vertices of the quadrilateral are identified based on a predetermined rule. In the above embodiment, the other vertex B20 (third vertex) and vertex D20 (fourth vertex) form a rectangle with the first vertex A20 and the second vertex C20 at both ends of the diagonal line. identified. At this time, a rectangle with these four vertices may be drawn on the display screen.

Note that the predetermined rule may not be a rule for forming a rectangle. For example, it may be a figure in which a projection such as that used for a balloon figure is formed in a part of a rectangle.

[Step S520] It is checked whether a third event has occurred. If this check is affirmative (Yes), the process proceeds to step S522. If this check is negative (No), the process of this step is repeated. (If the third event does not occur within a predetermined time, the process may end (not shown).)

[Step S522] The position of the fifth vertex is identified. In the above embodiment, the fifth vertex is C32 in FIG. 4 and C41 in FIG.
[Step S524] A quadrilateral formed by connecting the first, third, fifth and fourth vertices in this order is drawn.
As described above, the quadrangle desired by the operator is drawn based on the operator's simple operation.

FIG. 7 shows detailed processing of step S522 in FIG. The flow will be explained below.
[Step S610] It is checked whether or not the angle formed by two opposing sides is smaller than a predetermined angle. These two sides are the sides 34 and 33 in FIG. 4A in the above embodiment. Alternatively, the two sides are sides 44 and 43 in FIG. In the above embodiment, it is checked whether or not the angle formed by these sides is smaller than the predetermined angle θ0.
If this check is affirmative (Yes), the process proceeds to step S620. If this check is negative (No), return.

[Step S620] The position of the fifth vertex is specified so that the two opposite sides are parallel. As shown in FIG. 4A, when the angle θ1 formed by the sides 34 and 33 is smaller than the predetermined angle θ0, the vertex C32, which is the fifth vertex, is specified by making the side 33 parallel to the side 34. . An example of how to specify the C32 in detail and a modified example have already been described.
Through the above processing, the quadrilateral is corrected to a trapezoid by simple manipulation by the operator.

FIG. 8 is a hardware configuration diagram of the embodiment.
The hardware configuration of this embodiment has a CPU 701 , a ROM 702 in which programs and data of this embodiment can be stored, a RAM 703 , a network interface 705 , an input interface 706 , a display interface 707 and an external memory interface 708 . These pieces of hardware are interconnected by a bus 704 .

Network interface 705 is connected to network 715 . The network 715 includes a wired LAN, a wireless LAN, the Internet, a telephone network, and the like. An input unit 716 is connected to the input interface 706 . A display unit 717 is connected to the display interface 707 . The display unit 717 may be realized by a plurality of display devices. A storage medium 718 is connected to the external memory interface 708 . The storage medium 718 may be RAM, ROM, CD-ROM, DVD-ROM, hard disk, memory card, USB memory, or the like.
9A and 9B are diagrams showing a modification of the embodiment of FIG. 4. FIG.
FIG. 9A shows an example in which the angle formed by the sides 93 and 94 in FIG. 9A is θ3, which is smaller than the predetermined angle θ0, in the third event. The predetermined angle θ0 can be determined in advance.
FIG. 9B shows an example of correcting a quadrangle to a trapezoid.
Such correction may be made by drawing a side 95 parallel to side 94 if θ3 is less than θ0. As a result of this modification, the vertex C31 of the quadrilateral 30 is replaced with the vertex C92 of the quadrilateral 91 .
By performing such an operation, if the operator desires to draw a trapezoid and places the position C31 near the side 92, θ3 becomes smaller than the predetermined angle θ0. A trapezoid is drawn. That is, from the position C31, it is possible to obtain the leg C92 of the perpendicular line that is parallel to the side 94 and descended to the virtual side 92 that passes through the vertex D20, thereby obtaining the vertex C92 of the trapezoidal quadrilateral 91.
10A and 10B are diagrams showing modifications of the embodiment of FIG.
FIG. 10A shows an example in which the angle formed by the sides 103 and 104 in FIG. 10A is θ4, which is equal to or greater than the predetermined angle θ0, in the third event.
FIG. 10B shows an example where the quadrilateral 40 is left as is and not modified.
If θ4 is greater than or equal to θ0, the drawn quadrangle need not be corrected.
By performing such an operation, when the position C41 indicated by the mouse or the like operated by the operator is the position C41 desired by the operator, if θ4 is equal to or greater than the predetermined angle θ0, the position C41 is adopted as it is. However, the quadrangle 101 can adopt the same vertex C41 as the quadrangle 40 .
It goes without saying that each embodiment disclosed in this specification is to be treated as an illustration rather than as a limitation of the claimed invention.
Each embodiment is not exclusive and can be combined as appropriate. Alternatively, some elements of one embodiment may be interchanged with elements of other embodiments.

Additionally, each flow in the illustrated flow charts can be interchanged in order as long as there is no conflict. Also, as long as there is no contradiction, one illustrated flow can be executed multiple times at different timings. Also, multiple flows can be executed at the same time as long as there is no contradiction. Also, not all steps are mandatory, and some steps may not exist or be performed unless there is a contradiction. Also, each step may be performed by an operating system or hardware. The program may also be distributed while being stored on non-transitory media.
Programs and methods that implement the above-described embodiments can be executed by a computer having the hardware configuration shown in FIG. That is, the program of the embodiment may be implemented as a method to be executed by a computer.
The program may be stored in storage medium 718, ROM 702, or RAM 703.
Each embodiment can be implemented as a hardware device with a program installed.

200 drawing canvas 210 mouse cursor

Claims (10)

A drawing method in which a computer draws an image on a canvas,
A mechanism is prepared for the computer to obtain the indicated position on the canvas indicated by the operator and the occurrence of an event by a sensing device communicably connected to the computer detecting the action of the operator,
specifying the indicated position when a first event occurs as one end point of a diagonal line of a quadrilateral, that is, the position of a first vertex of the quadrilateral;
specifying the indicated position when a second event occurs after the first event as the position of the other end point of the diagonal line, that is, the position of the second vertex of the quadrilateral;
Identifying the positions of the third and fourth vertices of the quadrilateral from the positions of the first vertex and the positions of the second vertices based on a predetermined rule;
identifying a position of a fifth vertex based on the indicated position when a third event after the second event occurs;
drawing the quadrilateral by replacing it with a quadrilateral formed at each position of the first vertex, the third vertex, the fourth vertex, and the fifth vertex;
has
Identifying the location of the fifth vertex includes:
facing quadrilaterals formed by connecting the position of the first vertex, the position of the third vertex, the indicated position when the third event occurs, and the position of the fourth vertex in this order; Identifying the position of the fifth vertex such that one set of two sides out of the two sets of two sides is parallel;
Drawing methods , including the predetermined rule is a rule that a quadrilateral formed at each position of the first vertex, the second vertex, the third vertex, and the fourth vertex is a rectangle;
The drawing method according to claim 1 . Identifying the location of the fifth vertex includes:
facing quadrilaterals formed by connecting the position of the first vertex, the position of the third vertex, the indicated position when the third event occurs, and the position of the fourth vertex in this order; If the angle formed by two sides is smaller than a predetermined angle, specifying the position of the fifth vertex such that the two sides are parallel;
3. The drawing method according to claim 1 or 2, comprising: The first event, the second event, and the third event are the sensing device's click, button press, pressed button release, tap, touch, start of touch, release of touch, any of start of swipe, end of swipe, change in touch pressure, change in speed of movement of the indicated position, or change in direction of movement of the indicated position;
4. The drawing method according to any one of claims 1 to 3. the first event is the initiation of a mouse drag;
the second event is any one of a decrease in moving speed of the indicated position and a change in moving direction of the indicated position;
wherein the third event is the end of dragging;
4. The drawing method according to any one of claims 1 to 3. the first event is the initiation of a pen or finger swipe onto the sensing device;
the second event is any one of a change in pressure of contact of a pen or a finger on the sensing device, a decrease in movement speed of the pointing position, or a change in moving direction of the pointing position;
wherein the third event is the end of the swipe;
4. The drawing method according to any one of claims 1 to 3. the first event is the initiation of a mouse drag;
the second event is the end of the drag;
wherein the third event is a press or click of a button of the mouse;
4. The drawing method according to any one of claims 1 to 3. the first event is the initiation of a pen or finger swipe onto the sensing device;
the second event is the end of the swipe;
wherein the third event is a pen or finger contact or tap on the sensing device;
4. The drawing method according to any one of claims 1 to 3. drawing the quadrilateral according to the movement of the indicated position;
9. The drawing method according to any one of claims 1 to 8, further comprising: A program that causes a computer to execute the drawing method according to any one of claims 1 to 9.

Images