JP2023138023A - Drawing method and drawing program - Google Patents

Abstract

To provide a drawing method and a drawing program that further reduce a burden on an operator when causing a computer to draw a specific figure.SOLUTION: A drawing method includes the steps of: identifying an indicated position when a first event occurs as one end point of a diagonal of a quadrilateral, that is, a position of a first vertex of the quadrilateral; identifying an indicated position when a second event occurs after the first event as a position of the other end point of the diagonal, that is, a position of a second vertex of the quadrilateral; identifying, based on prescribed rules, positions of third and fourth vertices of the quadrilateral from the position of the first vertex and the position of the second vertex; identifying a position of a fifth vertex based on an indicated position when a third event occurs after the second event; and drawing a quadrilateral by replacing it with the quadrilateral formed by the respective positions of the first vertex, the third vertex, the fourth vertex and the fifth vertex.SELECTED DRAWING: Figure 6

Description

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

There are various techniques that allow an operator to draw a desired figure on a screen by operating a computer. These techniques include functions designed to draw figures intended by the operator through simple operations by the operator.

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

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

However, since there are a wide variety of shapes that the operator wants to draw, it may not always be possible to provide the user with easy operability when it comes to drawing a specific type of graphic.

Japanese Patent Application Publication No. 2003-208259 Patent No. 4136444

The disclosed technology aims to provide a technology that further reduces the burden on an operator when causing a computer to draw a specific figure.

The disclosed technology is a drawing method in which a computer draws an image on a canvas, in which a sensing device communicably connected to the computer detects an operator's motion, and the image is drawn on the canvas as instructed by the operator. A mechanism is prepared for the computer to obtain the indicated position of the first event and the occurrence of the event, and the indicated position when the first event occurs is determined as one end point of the diagonal of the quadrilateral, that is, the first point of the quadrilateral. and specifying the indicated position when a second event occurs after the first event as the position of the other end point of the diagonal, that is, the position of the second end of the quadrilateral. and determining the positions of the third and fourth vertices of the quadrilateral from the positions of the first and second vertices based on a predetermined rule. specifying the position of the fifth vertex based on the indicated position when a third event after the second event occurs; The present invention provides a drawing method that includes replacing the drawing with a quadrilateral formed at each position of a vertex, the third vertex, the fourth vertex, and the fifth vertex.
The disclosed technology also provides a program that causes a computer to execute the method described above, and a storage medium that stores the program.

According to the disclosed technology, it is possible to further reduce the burden on the operator when causing the computer to draw a specific figure.

FIG. 1A shows a quadrilateral 10 drawn according to the disclosed technique. FIG. 1B shows an example in which the quadrilateral shown in FIG. 1A is used as a comic panel. FIG. 2 shows, in chronological order, the process by which the computer draws a quadrilateral 22 on a drawing canvas 200 in response to an event generated by an instruction from an operator. FIG. 2A shows the drawing canvas 200 when a first event based on an operator's instruction occurs. FIG. 2B shows the drawing canvas 200 when a second event based on an operator's instruction occurs. FIG. 2C shows the drawing canvas 200 when a third event based on an operator's instruction occurs. FIG. 2D shows quadrilateral 22 in its state after the third event has occurred and quadrilateral 21 has been drawn. FIG. 3 shows an example of a first event, a second event, and a third event. FIG. 4A shows an example where the angle formed by side 33 and side 34 in FIG. 4A is θ1 smaller than the predetermined angle θ0 in the third event. FIG. 4B shows an example of correcting a quadrilateral into a trapezoid. FIG. 5A shows an example where, in the third event, the angle formed by side 43 and side 44 in FIG. 5A is θ2 which is greater than or equal to the predetermined angle θ0. FIG. 5B shows an example in which the quadrilateral 40 is left as is and a quadrilateral 41 is created without any 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. 10A and 10B are diagrams showing a modification of the embodiment of FIG. 5. FIG.

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

FIG. 1A shows a quadrilateral 10 drawn according to the disclosed technique. FIG. 1B shows an example in which the quadrilateral shown in FIG. 1A is used as a comic panel.
The quadrilateral 10 in FIG. 1A has four vertices: vertex A10, vertex B10, vertex C10, and vertex D10. In the quadrilateral 10 of FIG. 1A, an example is shown in which sides 11 and 13 of the quadrilateral 10 are parallel or approximately parallel, and sides 12 and 14 are not parallel.
Note that the quadrilateral 10 shown in FIG. 1A is an example, and the disclosed technology is not limited to drawing the quadrilateral 10 shown in FIG. 1A.

In FIG. 1B, a quadrilateral 21 and a quadrilateral 22 are shown. The quadrilateral 21 has a shape similar to the quadrilateral 10 in FIG. The quadrilateral 22 differs from the quadrilateral 10 in FIG. 1 in that its two horizontal sides are parallel or nearly parallel, but the relationship in length between these sides is different from that of the quadrilateral 10 in FIG. 1A. It's different. As mentioned above, such figures are frequently used in comic panels, and it is desired to be able to draw them with simple operations.

The technique disclosed below mainly shows an example in which a computer draws a quadrilateral 10 shown in FIG. 1A based on an operator's instructions. It goes without saying that the disclosed technique can also be applied to drawing quadrilaterals having shapes other than the quadrilateral 10. In addition, operator "instructions" include clicking, pressing a button, releasing a pressed button, tapping, touching, releasing a touch, starting a swipe, ending a swipe, fluctuations in touch pressure, contact, It means, but is not limited to, a change in the moving speed of the position, a change in the moving direction of the position, the start of mouse dragging, the end of mouse dragging, etc. Furthermore, the "touch" includes, but is not limited to, a pressure-sensitive type, an electromagnetic induction type, a capacitance type, and the like. Furthermore, "contact" includes not only actual physical contact but also electrical sensing of a device. In addition, by optically capturing an image of the operator's finger gestures using a camera, etc., and having the computer recognize the type of gesture, "instructions" corresponding to each of the identified operator gestures can be received without contact. You can also do this.
Note that the swipe may start when the pen or finger touches the screen, or when the pen or finger starts moving while touching the screen. Further, the end of the swipe may be either the time when the pen or finger finishes moving while the pen or finger is touching the screen, or the time when the pen or finger leaves the screen.
Note that the mouse drag may start at either the time when the mouse button is pressed or the time when the mouse starts moving while the mouse button is pressed. Mouse dragging ends when the mouse button is pressed and the mouse stops moving, when the direction of mouse movement changes by a predetermined angle or more, or when the mouse button is released. It may be.

FIG. 2 shows, in chronological order, the process by which the computer draws a quadrilateral 22 on a drawing canvas 200 in response to an event generated by an instruction from an operator.

FIG. 2A shows the drawing canvas 200 when a first event based on an operator's instruction occurs.
For example, assume that the operator operates a mouse (not shown) and starts dragging at position A20 of the mouse cursor 210. The start of a drag is an example of a first event. The position A20 at which this drag 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 an operator's instruction occurs.
For example, assume that the operator operates the mouse and finishes dragging at position C20 of the mouse cursor 210. The end of dragging 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, position A20 and position C20 are specified, so that, for example, a rectangle 20 having diagonal lines 25 at position A20 and position C20 is drawn. Note that this rectangle 20 has an apex A20, an apex B20, an apex C20, and an apex D20. Note that this rectangle 20 may not necessarily be the final figure desired by the operator, so it does not necessarily need to be drawn on the screen.
In this example, the sides of the rectangle are configured to be parallel to the vertical or horizontal directions of the display screen, but the directions of the sides of the rectangle are not limited to this. For example, when one page of a manga is displayed on the screen in a rotated and diagonal state, the sides of the rectangle may be configured to be parallel to the vertical direction of the page or the horizontal direction of the page.

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

In this embodiment, if a quadrilateral 20 is drawn on the screen, the quadrilateral 20 can be redrawn into a quadrilateral 21. Note that if the quadrilateral 20 is not drawn on the screen, the quadrilateral 21 may be drawn first. The quadrilateral 21 has a vertex A20, a vertex B20, a vertex C20, and a vertex D21, and has a diagonal line 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 continues to be displayed.

As described above, the quadrilateral 22 that the operator ultimately desires remains drawn even when the mouse cursor is moved. Note that the diagonal line 25, the diagonal line 26, and the quadrilateral 20 do not necessarily have to be displayed on the display screen. However, if the diagonal line 25, diagonal line 26, and quadrilateral 20 are drawn in the middle of drawing the final quadrilateral 22, they will serve as a guide for the operator when operating the mouse. It is desirable to permanently or temporarily display all or part of these items to make it easier to understand the status.

FIG. 3 shows an example of a first event, a second event, and a third event. FIG. 3 is an example and is not limited thereto.
The contents of FIG. 3 will be explained 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 first mouse click, the second event may be a second mouse click, and the third event may be a third mouse 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 a pen or finger, the second event may be the end of a swipe on the drawing screen with a pen or finger, and the second event may be the end of a swipe on the drawing screen with a pen or finger. The event No. 3 may be a touch on the drawing screen with a pen or a finger.

(5) the first event may be the initiation of a swipe on the drawing screen with a pen or finger, and the second event may be a variation in touch pressure on the drawing screen with the pen or finger; The third event may be the end of a swipe of a pen or finger on the drawing screen.

(6) The first event may be a first tap on the drawing screen with a pen or finger, and the second event may be a second tap on the drawing screen with a 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 a tap on the drawing screen with a pen or finger. The event may be the end of a swipe of a pen or finger on 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 an 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 is a mouse drag. It may be the end of .

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

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

FIG. 4A shows an example where the angle formed by side 33 and side 34 in FIG. 4A is θ1 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 into a trapezoid.
If θ1 is smaller than θ0, such correction may be performed by drawing a side 35 parallel to the side 34. With this modification, vertex C31 of quadrilateral 30 is replaced with vertex C32 of quadrilateral 31.
By performing such an operation, if the operator wishes to draw a trapezoid and places the position C31 near the side 32, θ1 becomes smaller than the predetermined angle θ0, so the following correction is made. A trapezoid will be drawn. That is, by finding the foot C32 of a perpendicular drawn from the position C31 to the virtual side 32 that is parallel to the side 34 and passing through the vertex B20, the apex C32 of the quadrilateral 31 forming a trapezoid can be found.
Note that in the embodiment shown in FIG. 4, the predetermined angle θ0 is used, but the angle is not limited to the 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 A modification example of replacing it with vertex C32 may be adopted. Note that the "predetermined distance L" is a predetermined value determined by "a predetermined number of pixels,""a predetermined distance on the display screen,""a length obtained by multiplying the vertical or horizontal length of the drawing canvas by a predetermined ratio," etc. The value of can be used.
Note that the modification of the embodiment by replacing the predetermined angle θ0 with the predetermined length L as described above can be similarly performed in the embodiments shown below, so a description thereof will be omitted.

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

FIG. 5B shows an example in which the quadrilateral 40 is left as is and no modification is made.
If θ2 is greater than or equal to θ0, there is no need to modify the drawn quadrilateral.
By performing such an operation, if the position C41 pointed to by the mouse or the like operated by the operator is the position C41 desired by the operator, and if θ2 is greater than or equal to the predetermined angle θ0, the position C41 is adopted as is. However, the quadrilateral 41 can adopt the same vertex C41 as the quadrilateral 40.

FIG. 6 shows the processing flow of the embodiment. Each step will be explained below.
[Step S510] It is checked whether a first event has occurred. The example of the first event has been described using FIG. 3. The following other events were also explained using FIG. If this check is affirmative (Yes), the process advances 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 specified. In the embodiment described above, vertex A20 is specified.

[Step S514] It is checked whether a second event has occurred. If this check is affirmative (Yes), the process advances 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 specified. Vertex C20 shown in FIG. 2 is identified.

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

Note that the predetermined rule does not have to be a rule for forming a rectangle. For example, it may be a shape in which a protrusion such as that used for a speech bubble is formed on a part of a rectangle.

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

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

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

[Step S620] The position of the fifth vertex is specified so that the two opposing sides are parallel. As shown in FIG. 4A, when the angle θ1 formed by the side 34 and the side 33 is smaller than the predetermined angle θ0, the vertex C32, which is the fifth vertex, is specified so that the side 33 is parallel to the side 34. . Note that an example and a modified example of how to specify C32 in detail are as already described.
With the above processing, a quadrilateral is modified into a trapezoid by a simple operation by the operator.

FIG. 8 is a hardware configuration diagram of the embodiment.
The hardware configuration of the embodiment includes a CPU 701, a ROM 702 in which programs and data of the 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 section 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 external memory interface 708 . The storage medium 718 may be a 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. 9A shows an example where, in the third event, the angle between sides 93 and 94 in FIG. 9A is θ3, which is smaller than the predetermined angle θ0. The predetermined angle θ0 can be determined in advance.
FIG. 9B shows an example of correcting a quadrilateral into a trapezoid.
If θ3 is smaller than θ0, such correction may be performed by drawing a side 95 parallel to the side 94. With this modification, vertex C31 of quadrilateral 30 is replaced with vertex C92 of quadrilateral 91.
By performing such an operation, if the operator wishes to draw a trapezoid and places the position C31 near the side 92, θ3 becomes smaller than the predetermined angle θ0, so the following correction is made. A trapezoid will be drawn. That is, the leg C92 of a perpendicular drawn from the position C31 to the virtual side 92 that is parallel to the side 94 and passes through the apex D20 can be found, and the apex C92 of the quadrilateral 91 forming a trapezoid can be found.
10A and 10B are diagrams showing a modification of the embodiment of FIG. 5. FIG.
FIG. 10A shows an example where, in the third event, the angle between side 103 and side 104 in FIG. 10A is θ4, which is greater than or equal to the predetermined angle θ0.
FIG. 10B shows an example in which the quadrilateral 40 is left as it is without any modification.
If θ4 is greater than or equal to θ0, there is no need to modify the drawn quadrilateral.
By performing such an operation, if the position C41 pointed to by the mouse or the like operated by the operator is the position C41 desired by the operator, and if θ4 is a predetermined angle θ0 or more, the position C41 is adopted as is. However, the quadrilateral 101 can adopt the same vertex C41 as the quadrilateral 40.
It goes without saying that each embodiment disclosed in this specification is not a limitation on the invention described in the claims, but is to be treated as an illustration.
Each embodiment is not exclusive and can be combined as appropriate. Alternatively, some elements of one embodiment can be replaced with elements of other embodiments.

In addition, the order of the flows in the illustrated flowcharts can be changed as long as there is no contradiction. Further, unless there is a contradiction, one illustrated flow can be executed multiple times at different timings. Also, as long as there is no contradiction, multiple flows can be executed simultaneously. Furthermore, not all steps are essential, and some steps may not exist or may not be executed unless there is a contradiction. Additionally, each step may be executed by an operating system or hardware. Additionally, the program may be distributed while being stored on non-transitory media.
The program and method for realizing the embodiments described above can be executed by a computer equipped with the hardware configuration shown in FIG. That is, the program of the embodiment may be implemented as a method for causing a computer to execute the program.
The program may be stored in storage medium 718, ROM 702, or RAM 703.
Each embodiment may be implemented as a hardware device with a program installed thereon.

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 in which the computer acquires a position on the canvas instructed by the operator and the occurrence of an event by a sensing device communicably connected to the computer detecting an operator's movement;
specifying the indicated position when the first event occurs as one end point of the diagonal of the quadrilateral, that is, the position of the first vertex of the quadrilateral;
specifying the indicated position when a second event after the first event occurs as the position of the other end point of the diagonal line, that is, the position of the second vertex of the quadrilateral;
specifying the positions of a third apex and a fourth apex of the quadrilateral from the positions of the first apex and the second apex based on a predetermined rule;
specifying the position of a fifth vertex based on the indicated position when a third event after the second event occurs;
Replacing and drawing the quadrilateral with a quadrilateral formed at each position of the first vertex, the third vertex, the fourth vertex, and the fifth vertex,
A drawing method with 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 position of the fifth vertex includes:
Opposing 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 the two sides is smaller than a predetermined angle, specifying the position of the fifth vertex so that the two sides are parallel;
The drawing method according to claim 1 or 2, comprising: The first event, the second event, and the third event include a click, a button press, a release of a pressed button, a tap, a touch, a start of a touch, a release of a touch, of the sensing device, The start of a swipe, the end of a swipe, a change in touch pressure, a change in the speed of movement of the indicated position, or a change in the direction of movement of the indicated position,
A drawing method according to any one of claims 1 to 3. The first event is the start of mouse dragging,
The second event is any one of a decrease in the moving speed of the indicated position or a change in the moving direction of the indicated position,
the third event is the end of dragging;
A drawing method according to any one of claims 1 to 3. the first event is the initiation of a swipe of a pen or finger on the sensing device;
The second event is any one of a change in the pressure of a pen or finger contact on the sensing device, a decrease in the moving speed of the indicated position, or a change in the moving direction of the indicated position,
the third event is the end of the swipe;
A drawing method according to any one of claims 1 to 3. The first event is the start of mouse dragging,
the second event is the end of the drag;
The third event is a press or click of a button of the mouse,
A drawing method according to any one of claims 1 to 3. the first event is the initiation of a swipe of a pen or finger on the sensing device;
the second event is the end of the swipe;
the third event is a touch or tap of a pen or finger on the sensing device;
A drawing method according to any one of claims 1 to 3. drawing the quadrilateral in response to movement of the indicated position;
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 7.

Images