Touchscreen Drawing Interface with Animation Attribute Transfer
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing electronic devices lack an effective method for users to easily learn and replicate complex drawing techniques, as they require manual configuration of attributes and lack a seamless transition from animation playback to drawing mode.
Innovation Solution
An electronic device with a touchscreen display, processor, and memory that displays a user interface with a drawing input section and multiple hues and line widths, executes an animation image file showing a drawing process, and allows users to stop playback to adopt the attributes for real-time drawing, enabling easy replication of complex pictures.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If an animation image file is executed to display the drawing process, then users can learn drawing techniques through visual demonstration, but users cannot easily adopt the attributes (hues and line widths) used in the animation without manual configuration
Solution Approach 1:
The system automatically extracts and applies drawing attributes (hues and line widths) from the animation image file without requiring user configuration. The processor identifies the attributes used in the animation and automatically configures them for the drawing input, making the system self-serve the attribute transfer function.
Solution Approach 2:
The animation image file serves as an intermediary that carries both visual drawing information and attribute information. The system uses this intermediary to transfer both the drawing process visualization and the associated attributes (hues and line widths) from the animation to the drawing environment.
2Adaptability or versatility
If multiple hues and line widths are provided for selection, then users have more drawing options, but the interface complexity increases
Solution Approach 1:
The system extracts only the specific hues and line widths that are actually used in the animation image file and presents them for selection. Instead of providing all possible drawing attributes, it takes out and presents only the relevant ones, reducing interface complexity while maintaining versatility.
Solution Approach 2:
The system performs preliminary analysis of the animation image file to identify and prepare the hues and line widths that will be needed. This preliminary action organizes the attribute options before presentation to the user, reducing the cognitive load and interface complexity.
3Ease of operation
If the animation playback is stopped to allow drawing input, then users can follow along with the drawing process, but the transition between playback and drawing modes must be managed
Solution Approach 1:
The system dynamically switches between animation playback mode and drawing input mode based on user interaction. The playback can be stopped at any point to allow drawing input, and the system adapts its state accordingly, providing flexible and easy interaction without complex manual mode management.
Solution Approach 2:
The system provides visual feedback by displaying the animation playback and allowing users to stop it at desired points. This feedback mechanism helps users understand the drawing process and naturally manages the transition between playback and drawing modes through user-initiated stops.
Data Source
AI summary
An electronic device according to various embodiments of the present invention includes: a touch screen display; a processor operatively connected to the display; and a memory operatively connected to the processor. The memory may include instructions which, when executed, cause the processor to: display, on the display, a user interface including a first section configured to receive a drawing input and a second section including a plurality of colors and one or more line widths, which are to be selected for the drawing input; execute an animation image file to be displayed on the first section, the animation image file including a procedure of drawing an object with at least one color among the plurality of colors and at least one line width among the one or more line widths; receive, from the display, an input for stopping the execution of the image file; and display a drawing output on the display according to the drawing input, the drawing output including at least one among the color and the line width used when the drawing input is received. Various other embodiments are also possible.