Systems and methods for drawing shapes with minimal user interaction
View Patent ↗Systems and methods are provided for drawing shapes with minimal user interaction. A drawing area is displayed, and a shape selection component comprising a set of shape selection regions is displayed. Each shape selection region is associated with a shape that can be drawn, and includes a selection component for selecting the shape, and a drawing component for initiating a drawing of the shape. First data indicative of a selection of a first selection component of a first shape selection region from the set of shape selection regions is received. Second data is received that is indicative of a selection of a first drawing component of the first shape selection region. A representation of a first shape associated with the first shape selection region on the drawing area is drawn, in response to the first data and the second data, wherein the representation can be manipulated.
1. A computerized method for drawing shapes, the method comprising:
displaying, by a computing device, a drawing area;
displaying, by the computing device, a shape selection component comprising:
a large square portion that defines an outer boundary of the shape selection component; and
four small square portions inside of the large square portion, wherein each of the small square portions are connected by a selection component at the center, each small square portion represents a shape selection region from a set of shape selection regions, each shape selection region being associated with a shape that can be drawn on the drawing area and comprising:
the selection component for selecting the shape associated with the shape selection region; and
a drawing component for initiating a drawing of the shape associated with the shape selection region;
receiving, by the computing device, first data indicative of a selection of a first selection component of a first shape selection region from the set of shape selection regions;
receiving, by the computing device, second data indicative of a selection of a first drawing component of the first shape selection region; and
drawing, by the computing device in response to the first data and the second data, a representation of a first shape associated with the first shape selection region on the drawing area, wherein the representation can be manipulated.
2. The method of claim 1 , further comprising:
receiving third data indicative of a command to draw the representation of the first shape;
drawing the first shape on the drawing area such that the drawing of the first area cannot be manipulated; and
removing the shape selection component from the drawing area.
3. The method of claim 1 , further comprising:
receiving third data indicative of a command to move the representation of the first shape; and
re-drawing the representation of the first shape based on the third data.
4. The method of claim 1 , further comprising:
receiving third data indicative of a selection of a second selection component of a second shape selection region from the set of shape selection regions; and
removing the representation of the first shape from the drawing area.
5. The method of claim 4 , further comprising:
receiving fourth data indicative of a selection of a second drawing component of the second shape selection region; and
drawing a second representation of a second shape associated with the second shape selection region on the drawing area such that the second representation can be manipulated.
6. The method of claim 4 , further comprising:
receiving fifth data indicative of a command to remove the shape selection component from the drawing area; and
removing the shape selection component from the drawing area.
7. The method of claim 1 , wherein displaying the four small square portions comprises displaying each of the small square portions such that:
a first side and a second side of the small square portion are along the outer boundary of the shape selection component;
a third side of the small square portion is along a side of a first small square portion from the four small square portions; and
a fourth side of the small square portion is along a side of a second small square portion, such that each of the four small square portions all include a corner that meets with a corner from each of the remaining small square portions at a center of the shape selection component.
8. The method of claim 7 , further comprising drawing a circle about the center of the shape selection component, such that:
a portion of each of the four small square portions within the circle defines the selection component for selecting the shape associated with the shape selection region; and
a remaining portion of each of the four small square portions not within the circle defines the drawing component for initiating a drawing of the shape associated with the shape selection region, such that:
the first data indicative of the selection of the first selection component of the first shape selection region is generated by a selection of a first portion of a first small square portion within the circle for the first shape selection region; and
the second data indicative of the selection of the first drawing component of the first shape selection region is generated by a selection of a first remaining portion not within the circle for the first shape selection region.
9. The method of claim 1 , further comprising:
receiving third data indicative of a command to display the shape selection component, wherein the command is generated by a mouse click, a finger press on a touchscreen, or any combination thereof; and
displaying the shape selection component on the drawing area at a location determined based on the third data.
10. The method of claim 1 , further comprising:
displaying a component configured to change a first set of shapes associated with the shape selection component;
receiving third data indicative of a selection of the component; and
updating the set of shape selection regions so that each shape selection region is associated with a shape from a second set of shapes that is different from the first set of shapes.
11. The method of claim 1 , wherein receiving first data indicative of the selection of the first selection component of the first shape selection region from the set of shape selection regions comprises receiving data indicative of a mouse cursor moving over the first selection component, a touchscreen display sensing an object moving over the first selection component, or any combination thereof.
12. A computing device for drawing shapes, a server comprising:
a database; and
a processor in communication with the database, and configured to run a module store din memory that is configured to cause the processor to :
display a drawing area;
display a shape selection component comprising:
a large square portion that defines an outer boundary of the shape selection component; and
four small square portions inside of the large square portion, wherein each of the small square portions are connected by a selection component at the center, each small square portion represents a shape selection region from a set of shape selection regions, each shape selection region being associated with a shape that can be drawn on the drawing area and comprising:
the selection component for selecting the shape associated with the shape selection region; and
a drawing component for initiating a drawing of the shape associated with the shape selection region;
receive first data indicative of a selection of a first selection component of a first shape selection region from the set of shape selection regions;
receive second data indicative of a selection of a first drawing component of the first shape selection region; and
draw in response to the first data and the second data, a representation of a first shape associated with the first shape selection region on the drawing area, wherein the representation can be manipulated.
13. The system of claim 12 , wherein the module is further configured to cause the processor to:
receive third data indicative of a command to draw the representation of the first shape;
draw the first shape on the drawing area such that the drawing of the first area cannot be manipulated and to store the first shape in the database; and
removing the shape selection component from the drawing area.
14. The system of claim 12 , wherein the module is further configured to cause the processor to:
receive third data indicative of a command to move the representation of the first shape; and
re-draw the representation of the first shape based on the third data.
15. The system of claim 12 , wherein displaying the four small square portions comprises displaying each of the small square portions such that:
a first side and a second side of the small square portion are along the outer boundary of the shape selection component;
a third side of the small square portion is along a side of a first small square portion from the four small square portions; and
a fourth side of the small square portion is along a side of a second small square portion, such that each of the four small square portions all include a corner that meets with a corner from each of the remaining small square portions at a center of the shape selection component.
16. The system of claim 15 , wherein the module is further configured to cause the processor to draw a circle about the center of the shape selection component, such that:
a portion of each of the four small square portions within the circle defines the selection component for selecting the shape associated with the shape selection region; and
a remaining portion of each of the four small square portions not within the circle defines the drawing component for drawing the shape associated with the shape selection region.
17. A non-transitory computer readable medium having executable instructions operable to cause an apparatus to:
display a drawing area;
display a shape selection component comprising:
a large square portion that defines an outer boundary of the shape selection component; and
four small square portions inside of the large square portion, wherein each of the small square portions are connected by a selection component at the center, each small square portion represents a shape selection region from a set of shape selection regions, each shape selection region being associated with a shape that can be drawn on the drawing area and comprising:
the selection component for selecting the shape associated with the shape selection region; and
a drawing component for initiating a drawing of the shape associated with the shape selection region;
receive first data indicative of a selection of a first selection component of a first shape selection region from the set of shape selection regions;
receive second data indicative of a selection of a first drawing component of the first shape selection region; and
draw, in response to the first data and the second data, a representation of a first shape associated with the first shape selection region on the drawing area, wherein the representation can be manipulated.