CN110427131A - Cartoon display method and device based on pressing - Google Patents
Cartoon display method and device based on pressing Download PDFInfo
- Publication number
- CN110427131A CN110427131A CN201910683357.7A CN201910683357A CN110427131A CN 110427131 A CN110427131 A CN 110427131A CN 201910683357 A CN201910683357 A CN 201910683357A CN 110427131 A CN110427131 A CN 110427131A
- Authority
- CN
- China
- Prior art keywords
- rendering
- point
- real
- pressing
- time
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
- G06F3/0414—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means using force sensing means to determine a position
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04804—Transparency, e.g. transparent or translucent windows
Abstract
The present invention proposes a kind of cartoon display method and device based on pressing, wherein method includes: to obtain the pressing center of press points and press pressure on screen；The rendering initial position of multiple rendering points in pressing vertex neighborhood, and rendering initial velocity corresponding with rendering point each in multiple rendering points are determined according to pressing center and press pressure；Determine rendered color corresponding with each rendering point；Each rendering point is controlled according to corresponding rendered color and rendering initial velocity, is rendered from corresponding rendering initial position to far from pressing center direction, in order to which all rendering points form fluid animation effect in render process.As a result, when screen is pressed, corresponding fluid animation effect is rendered in pressing position, improves the interactive experience of user and screen.
Description
Technical field
The present invention relates to terminal device field of display technology more particularly to a kind of cartoon display methods and dress based on pressing
It sets.
Background technique
With universal, the diversification of demand of the user to screen equipment also more of the screen equipments such as smart phone, wherein
It improves interactive experience and mainly competes one of direction as screen equipment production scene.
In the related technology, in order to improve the interactive experience of user and screen equipment, usual auditory tone cues are realized, for example,
When the user touches the screen, vibration prompt sound etc. is had.However current interaction prompts mode is relatively simple, and interest is not
Height, thus, such as how other dimensions further increase the interactive experience of user and screen equipment as screen equipment production firm
Be primarily upon direction.
Summary of the invention
The present invention is directed to solve at least some of the technical problems in related technologies.
For this purpose, the present invention proposes a kind of cartoon display method based on pressing, in order to press when screen is pressed
Position renders corresponding fluid animation effect, improves the interactive experience of user and screen.
One aspect of the present invention embodiment proposes a kind of cartoon display method based on pressing, comprising the following steps: obtains
The pressing center of press points and press pressure on screen；Institute is determined according to the pressing center and the press pressure
The rendering initial position of multiple rendering points in pressing vertex neighborhood is stated, and corresponding with each rendering point in the multiple rendering point
Render initial velocity；Determining rendered color corresponding with each rendering point；Each rendering point is controlled according to corresponding
Rendered color and rendering initial velocity, render from corresponding rendering initial position to far from the pressing center direction, with
Fluid animation effect is formed in render process convenient for all rendering points.
The cartoon display method based on pressing of the embodiment of the present invention, without using in the prior art comprising more ginseng to be solved
Several fluid formula simulates fluid, but quotes specific calculating parameter, reduces known variables, forms the effect of fluid, when
When screen is pressed, corresponding fluid animation effect is rendered in pressing position, improves the interactive experience of user and screen.
In addition, the cartoon display method based on pressing of the embodiment of the present invention, further includes following additional technical characteristic:
Optionally, control each rendering point is according to corresponding rendered color and rendering initial velocity, from correspondence
Rendering initial position to far from the pressing center direction render, comprising: determine it is described render initial velocity level
Velocity component and vertical velocity component；Obtain four with each rendering point adjacent four renderings in direction up and down
Real-time pressure reference value；The horizontal velocity component obtained between two adjacent rendering points of described each rendering point or so is poor；
The vertical velocity component obtained between two neighbouring rendering points of each rendering point is poor；It is public according to default Divergence Field
Formula calculates each corresponding horizontal velocity component difference of rendering point and the vertical velocity component difference, obtains divergence
Value；Each corresponding divergence value of rendering point and four real-time pressures are joined according to preset pressure field computation formula
Value calculating is examined, real-time pressure value is obtained；It is calculated according to the corresponding real-time pressure value of each rendering point, obtains real-time wash with watercolours
Contaminate acceleration；Each rendering point is controlled according to the rendered color from corresponding rendering initial position to far from the pressing
The rendering of center direction, and institute is controlled according to the real-time rendering acceleration and the rendering initial velocity in render process
State the real-time rendering speed of each rendering point.
Optionally, further includes: in render process, the real-time of the rendered color is adjusted according to the real-time rendering speed
Transparency, wherein the real-time rendering speed and the real-time transparent degree are proportional.
Optionally, determination rendered color corresponding with each rendering point, comprising: obtain and shown on the screen
The interface color at interface；According to the determining rendered color corresponding with each rendering point of the interface color.
Optionally, it is described control each rendering point according to corresponding rendered color with render initial velocity, from right
The rendering initial position answered is rendered to far from the pressing center direction, comprising: obtains the time interval of user's input；Often
Every the time interval, the rendering speed decaying of each rendering point according to preset decaying policy control；Control the wash with watercolours
The transparency of dye color follows the decaying of the rendering speed to be gradually increased.
Optionally, determination rendered color corresponding with each rendering point, comprising: obtain and shown on the screen
The interface color at interface；According to the determining rendered color corresponding with each rendering point of the interface color.
Optionally, it is described control each rendering point according to corresponding rendered color with render initial velocity, from right
The rendering initial position answered is rendered to far from the pressing center direction, comprising: obtains the time interval of user's input；Often
Every the time interval, the rendering speed decaying of each rendering point according to preset decaying policy control；Control the wash with watercolours
The transparency of dye color follows the decaying of the rendering speed to be gradually increased.
Another aspect of the present invention embodiment proposes a kind of animation display device based on pressing, comprising: obtains module, uses
In the pressing center of press points and press pressure on acquisition screen；First determining module, for according to the pressing center
Position and the press pressure determine it is described pressing vertex neighborhood in it is multiple rendering point rendering initial positions, and with it is the multiple
The corresponding rendering initial velocity of each rendering point in rendering point；Second determining module, for determining and each rendering point pair
The rendered color answered；Rendering module, for controlling each rendering point according to corresponding rendered color and rendering initial velocity,
It is rendered from corresponding rendering initial position to far from the pressing center direction, in order to which all rendering points were rendering
Fluid animation effect is formed in journey.
The animation display device based on pressing of the embodiment of the present invention does not use in the prior art comprising parameter to be solved
More fluid formula simulates fluid, but quotes specific calculating parameter, reduces known variables, forms the effect of fluid,
When screen is pressed, corresponding fluid animation effect is rendered in pressing position, improves the interactive experience of user and screen.
In addition, the animation display device based on pressing of the embodiment of the present invention, further includes following additional technical characteristic:
Optionally, the rendering module, comprising: determination unit, for determining the horizontal velocity of the rendering initial velocity
Component and vertical velocity component；First acquisition unit, for obtain with it is described it is each rendering point up and down direction it is adjacent four
Four real-time pressure reference values of a rendering point；Second acquisition unit, for obtaining each rendering point or so adjacent two
Horizontal velocity component between a rendering point is poor；Third acquiring unit, it is neighbouring for obtaining each rendering point
Vertical velocity component between two rendering points is poor；First computing unit presets Divergence Field formula to described every for basis
A corresponding horizontal velocity component difference of rendering point and the vertical velocity component difference calculate, and obtain divergence value；Second calculates
Unit, for according to preset pressure field computation formula to the corresponding divergence value of each rendering point and it is described four it is real-time
Compression force reference value calculates, and obtains real-time pressure value；4th acquiring unit, for according to the corresponding reality of each rendering point
When pressure value calculate, obtain real-time rendering acceleration；Rendering unit, for controlling each rendering point according to the rendering face
Color is rendered from corresponding rendering initial position to far from the pressing center direction, and according to the reality in render process
When rendering acceleration and it is described rendering initial velocity control it is described it is each rendering point real-time rendering speed.
Optionally, the acquisition module is also used to obtain the time interval of user's input；The rendering module, is also used to
Every the time interval, the rendering speed of each rendering point according to preset decaying policy control is decayed, described in control
The transparency of rendered color follows the decaying of the rendering speed to be gradually increased.
Another aspect of the present invention embodiment proposes a kind of electronic equipment, including processor and memory；Wherein, the place
Reason device is corresponding with the executable program code to run by reading the executable program code stored in the memory
Program, for realizing the cartoon display method based on pressing as described in above-described embodiment.
Another aspect of the invention embodiment proposes a kind of non-transitorycomputer readable storage medium, is stored thereon with meter
Calculation machine program realizes the animation display side based on pressing as described in above-described embodiment when the computer program is executed by processor
Method.
The additional aspect of the present invention and advantage will be set forth in part in the description, and will partially become from the following description
Obviously, or practice through the invention is recognized.
Detailed description of the invention
Above-mentioned and/or additional aspect and advantage of the invention will become from the following description of the accompanying drawings of embodiments
Obviously and it is readily appreciated that, in which:
Fig. 1 is a kind of computational fluid dynamics effect diagram provided by the embodiment of the present invention；
Fig. 2 is one other fluid dynamic effect schematic diagram provided by the embodiment of the present invention；
Fig. 3 is a kind of flow diagram of the cartoon display method based on pressing provided by the embodiment of the present invention；
Fig. 4-1 is the application scenarios schematic diagram of the cartoon display method according to an embodiment of the invention based on pressing；
Fig. 4-2 is the application scenarios signal of the cartoon display method in accordance with another embodiment of the present invention based on pressing
Figure；
Fig. 5 is the application scenarios schematic diagram in the rendering direction of rendering speed according to an embodiment of the invention；
Fig. 6 is a kind of structural schematic diagram of the animation display device based on pressing provided in an embodiment of the present invention；
Fig. 7 is the structural schematic diagram of another animation display device based on pressing provided in an embodiment of the present invention；And
Fig. 8 is the structural schematic diagram of electronic equipment according to an embodiment of the invention.
Specific embodiment
The embodiment of the present invention is described below in detail, examples of the embodiments are shown in the accompanying drawings, wherein from beginning to end
Same or similar label indicates same or similar element or element with the same or similar functions.Below with reference to attached
The embodiment of figure description is exemplary, it is intended to is used to explain the present invention, and is not considered as limiting the invention.
Below with reference to the accompanying drawings the cartoon display method and device based on pressing of the embodiment of the present invention are described.
For what is mentioned in above-mentioned background technique, the not high technical problem of the interactive experience of user and screen equipment, this hair
A kind of bright mode for providing raising interactive experience in display dimension when user touches the screen, is being shielded in this approach
Fluid effect is shown on curtain, builds the feeling that a kind of user's finger streaks liquid, for example, as depicted in figs. 1 and 2, screen can be with
A kind of colorful fluid effect (being the color for showing colorful in figure) is shown according to the touch track of user, and completely new finger is brought to hand over
Mutual special efficacy experience.
Specifically, Fig. 3 shows for a kind of process of the cartoon display method based on pressing provided by the embodiment of the present invention
It is intended to.
As shown in figure 3, should cartoon display method based on pressing the following steps are included:
Step 101, the pressing center of press points and press pressure on screen are obtained.
Specifically, can be based on hardware detections screens such as capacitance sensor, pressure sensor, perspiration sensors on screen
The pressing center of upper press points and press pressure, wherein the main body for implementing pressing can be also possible to touch for user's finger
Hold pen etc., this is not restricted.
Step 102, it is determined in pressing vertex neighborhood at the beginning of the rendering of multiple rendering points according to pressing center and press pressure
Beginning position, and rendering initial velocity corresponding with rendering point each in multiple rendering points.
Specifically, can determine press points neighbour according to pressing position and press pressure to form the effect of fluid rendering
The rendering initial position of multiple rendering points in domain, rendering effect are obtained by the rendering of multiple rendering points, in turn, can be according to default
Random algorithm etc. calculates the corresponding rendering initial velocity of each rendering point.
It should be noted that press pressure is bigger in order to improve interaction effect, determining contiguous range is bigger, includes
Rendering point is more, and the corresponding relationship of press pressure and contiguous range can be set, and is determined based on the corresponding relationship and is located at pressing position
Setting the screen display point for including in contiguous range and the contiguous range is rendering point, wherein the shape of contiguous range composition can
To be the border circular areas as shown in Fig. 4-1 centered on pressing center, be also possible to user's selection other are customized
Shape, for example be heart etc. as shown in the Fig. 4-2.
In addition, in order to further increase interaction effect, the corresponding rendering initial velocity of above-mentioned each rendering point can also be by
Press pressure and the determination at a distance from pressing center, distance pressing center is closer and the press pressure the big then corresponding
It is higher to render initial velocity, wherein in order to further increase the interest of rendering effect, the rendering direction of each rendering speed can
To be any backwards to the random direction for pressing center, it is convenient for forming a kind of dynamic effect of irregular fluid, Huo Zheru as a result,
Shown in Fig. 5, the rendering direction of each rendering speed can be direction identical with touch track etc..
Step 103, rendered color corresponding with each rendering point is determined.
Specifically, the corresponding rendered color of each rendering point can be determined at random, for example, center can be pressed according to distance
The distance of position determines color, and the rendering point of same distance distributes identical color etc., for another example, in order to further protrude fluid
Animation effect can also obtain the interface color at the interface shown on current screen, determine each rendering point according to interface color
Corresponding rendered color, so that the rendered color of each rendering point and the contrast at interface are bigger, fluid animation effect compares
Obviously.
Step 104, each rendering point is controlled according to corresponding rendered color and rendering initial velocity, at the beginning of corresponding rendering
Beginning position is rendered to far from pressing center direction, in order to which all rendering points form fluid animation effect in render process
Fruit.
Specifically, controlling each rendering point according to corresponding rendering to form and press the fluid effect to be formed and be interacted
Color and rendering initial velocity, render from corresponding rendering initial position to far from pressing center direction, to form fluid
Effect, in render process, can always using render initial velocity as rendering speed render, can also by rendering initial velocity by
Cumulative plus certain value is rendered, and radial fluid effect is formed, it is of course also possible to will reduce speed by rendering initial velocity another name for Sichuan Province
Degree forms the fluid effect gradually to decay, i.e., color field is with the mobile advection effect for forming fluid of velocity field.
Wherein, it is emphasized that, history can be rendered trace in render process by the rendering point in the embodiment of the present invention
It shows, and is faded away according to the preset time cycle, until loseing completely.
Certainly, the speed of fluid has the process gradually to decay, in order to further increase the authenticity of the dynamic effect of fluid,
Rendering speed can also be controlled gradually to lower.
In one embodiment of the invention, the horizontal velocity component for rendering initial velocity and vertical velocity component are determined,
That is, we extract square up and down with each rendering point as shown in figure 5, each rendering initial velocity is directional
To four real-time pressure reference values of four adjacent rendering points, in turn, two horizontally adjacent renderings of each rendering point are obtained
Horizontal velocity component between point is poor, obtains the vertical speed minute between two neighbouring rendering points of each rendering point
It is poor to measure, in turn, poor to the corresponding horizontal velocity component difference of each rendering point and vertical velocity component according to default Divergence Field formula
It calculates, obtains divergence value, wherein divergence value can be used for characterizing the degree of strength of spatial points vector field diverging, physically, divergence
Meaning be field active property, as a kind of possible example, shown in the above-mentioned default following formula of Divergence Field formula (1):
Wherein, in above-mentioned formula (1), divi,jCurrently to render divergence value a little, wherein the abscissa of current rendering point and
Ordinate is i and j, ui+1,jAnd ui-1,jCurrently to render the horizontal velocity component between two a little horizontally adjacent rendering points,
vi,j+1And vi,j-1Currently to render the vertical velocity component between two a little neighbouring rendering points, LxTo be rendered with current
Horizontal distance between two adjacent rendering points of point or so, LyBetween two neighbouring rendering points of current rendering point
Vertical distance.
Just since divergence represents the intensity of the vector field of the point, therefore, it is possible to calculate the real-time of each rendering point based on it
Pressure value, i.e., divergence value each pair of point answered according to preset pressure field calculation formula and four real-time pressure reference value meters
It calculates, obtains real-time pressure value, wherein as a kind of possible example, which is following formula (2):
divi,jCurrently to render divergence value a little, wherein the abscissa and ordinate of current rendering point are i and j, x(i,j)For
The real-time pressure value of current rendering point, xi-1,j、xi+1,j、xi,j-1And xi,j+1The respectively pressure in four adjacent directions of current rendering point
Power reference value, β 4, α 1, wherein β and α can be different value, and unused value brings different display effect.
Certainly, it in order to improve computational accuracy, in one embodiment of the invention, can also be calculated using the algorithm of iteration
The real-time pressure value of each rendering point, for example, then corresponding pressure field calculation formula can be for such as when the number of iterations K is 20 word
Lower formula (3):
Further, it is calculated according to the corresponding real-time pressure value of each rendering point, obtains real-time rendering acceleration, due to pressure
Power more high acceleration is bigger, therefore, it is possible to real-time rendering acceleration be calculated according to pressure value using normalization algorithm, in wash with watercolours
During dye, the real-time rendering speed of each rendering point is controlled according to real-time rendering acceleration and rendering initial velocity, by above-mentioned
Formula calculates, and can be obtained, and the press pressure of user is bigger, then the corresponding real time acceleration of each rendering point is bigger, thus, according to
Real-time rendering acceleration and the rendering speed that is superimposed of rendering initial velocity are bigger, separate with user's press points, then real
When rendering acceleration and to render the rendering speed that is superimposed of initial velocity smaller, thus, form real-time rendering speed and gradually subtract
Small effect, rendering speed really reflect the variation of press pressure value, and interaction sense is stronger.
In the present embodiment, in order to reduce calculation amount, it is also based on each rendering point that initial acquisition arrives up and down
Four compression force reference values of four adjacent rendering points of direction and corresponding divergence value, the rendering for calculating corresponding rendering point accelerate
Degree on the basis of rendering initial velocity, gradually decreases the rendering based on rendering acceleration and the product value for rendering duration in turn
Initial velocity forms and renders gradually slack-off effect.
In the present embodiment, in render process, the real-time transparent degree of rendered color is adjusted according to real-time rendering speed,
In, real-time rendering speed and real-time transparent degree are proportional, as a result, during rendering speed gradually becomes 0, render face
Color, which is gradually faded away, to be loseed, and the animation effect that water flow fades away is formed in.
In one embodiment of the invention, the time interval that rendering variation demand is inputted according to desired by user, into
And every the time interval, just decayed according to the rendering speed of each rendering point of preset decaying policy control, wherein rendering
The size of time interval determines the variation speed of rendering speed, and the time interval of user setting can satisfy the personalization of user
Demand, for example, then reducing the rendering speed of each rendering point every a time interval, the decreasing value of rendering speed be can be
Fixed value, can also basis and pressing the distance between center difference determine that distance is remoter, then the rendering speed reduced is got over
Height, in render process, while the transparency for controlling rendered color follows the decocting of rendering speed to be gradually increased, i.e., with rendering
The color of the variation of speed, rendering fades away.
It is emphasized that in this embodiment, it, can be according to preset when controlling the rendering speed decaying of each rendering point
The horizontal velocity component of the rendering speed of each rendering point of the policy control that decays；And/or it is every according to preset decaying policy control
The vertical velocity component of the rendering speed of a rendering point, the decaying of the velocity component of horizontal direction and vertical direction is not united as a result,
One, the display effect of scrolling as shown in Figure 2 may be implemented.
To sum up, the cartoon display method based on pressing of the embodiment of the present invention does not use in the prior art comprising wait ask
The more fluid formula of parameter is solved to simulate fluid, but quotes specific calculating parameter, reduces known variables, forms fluid
Effect renders corresponding fluid animation effect in pressing position, improves the interaction body of user and screen when screen is pressed
It tests.
In order to realize above-described embodiment, the present invention also proposes a kind of animation display device based on pressing.
Fig. 6 is a kind of structural schematic diagram of the animation display device based on pressing provided in an embodiment of the present invention.
As shown in fig. 6, should animation display device based on pressing include: to obtain module 100, the first determining module 200, the
Two determining modules 300 and rendering module 400.
Wherein, module 100 is obtained, for obtaining pressing center and the press pressure of press points on screen.
First determining module 200, for determining multiple wash with watercolours in pressing vertex neighborhood according to pressing center and press pressure
Contaminate the rendering initial position of point, and rendering initial velocity corresponding with rendering point each in multiple rendering points.
Second determining module 300, for determining rendered color corresponding with each rendering point.
Rendering module 400, for controlling each rendering point according to corresponding rendered color and rendering initial velocity, from correspondence
Rendering initial position to far from pressing center direction render, in order to which all rendering points form stream in render process
Body animation effect.
In one embodiment of the invention, as shown in fig. 7, rendering module 400 includes: on the basis of as shown in Figure 6
Determination unit 401, first acquisition unit 402, second acquisition unit 403, third acquiring unit 404, the first computing unit 405,
Second computing unit 406, the 4th acquiring unit 407 and rendering unit 408, wherein
Determination unit 401, for determining the horizontal velocity component for rendering initial velocity and vertical velocity component.
First acquisition unit 402, for obtain with each rendering point up and down the adjacent four rendering points in direction four
A real-time pressure reference value.
Second acquisition unit 403, for obtaining the level speed between two adjacent rendering points of each rendering point or so
It is poor to spend component.
Third acquiring unit 404, for obtaining the vertical speed between two neighbouring rendering points of each rendering point
It is poor to spend component.
First computing unit 405 presets Divergence Field formula to the corresponding horizontal velocity component of each rendering point for basis
Poor and vertical velocity component difference calculates, and obtains divergence value.
Second computing unit 406, for according to preset pressure field computation formula to the corresponding divergence value of each rendering point with
Four real-time pressure reference values calculate, and obtain real-time pressure value.
4th acquiring unit 407 obtains real-time rendering and adds for being calculated according to the corresponding real-time pressure value of each rendering point
Speed.
Rendering unit 408, for control each rendering point according to rendered color from corresponding rendering initial position far from
The rendering of center direction is pressed, and each wash with watercolours is controlled according to real-time rendering acceleration and rendering initial velocity in render process
Contaminate the real-time rendering speed of point.
In one embodiment of the invention, module 100 is obtained, is also used to obtain the time interval of user's input.
Rendering module 400 is also used to every time interval, according to the rendering of each rendering point of preset decaying policy control
Velocity attenuation, the transparency for controlling rendered color follow the decaying of rendering speed to be gradually increased.
To sum up, the animation display device based on pressing of the embodiment of the present invention does not use in the prior art comprising wait ask
The more fluid formula of parameter is solved to simulate fluid, but quotes specific calculating parameter, reduces known variables, forms fluid
Effect renders corresponding fluid animation effect in pressing position, improves the interaction body of user and screen when screen is pressed
It tests.
In order to realize above-described embodiment, the embodiment of the present invention also proposes a kind of electronic equipment, including processor and memory；
Wherein, processor is run and executable program code by reading in memory the executable program code that stores
Corresponding program, to apply method for managing security based on terminal device for realizing as described in above-described embodiment.
Fig. 8 shows the block diagram for being suitable for the example electronic device for being used to realize the application embodiment.The electricity that Fig. 8 is shown
Sub- equipment 12 is only an example, should not function to the embodiment of the present application and use scope bring any restrictions.
As shown in figure 8, electronic equipment 12 is showed in the form of universal computing device.The component of electronic equipment 12 may include
But be not limited to: one or more processor or processing unit 16, system storage 28, connect different system components (including
System storage 28 and processing unit 16) bus 18.
Bus 18 indicates one of a few class bus structures or a variety of, including memory bus or Memory Controller,
Peripheral bus, graphics acceleration port, processor or the local bus using any bus structures in a variety of bus structures.It lifts
For example, these architectures include but is not limited to industry standard architecture (Industry Standard
Architecture；Hereinafter referred to as: ISA) bus, microchannel architecture (Micro Channel Architecture；Below
Referred to as: MAC) bus, enhanced isa bus, Video Electronics Standards Association (Video Electronics Standards
Association；Hereinafter referred to as: VESA) local bus and peripheral component interconnection (Peripheral Component
Interconnection；Hereinafter referred to as: PCI) bus.
Electronic equipment 12 typically comprises a variety of computer system readable media.These media can be it is any can be electric
The usable medium that sub- equipment 12 accesses, including volatile and non-volatile media, moveable and immovable medium.
Memory 28 may include the computer system readable media of form of volatile memory, such as random access memory
Device (Random Access Memory；Hereinafter referred to as: RAM) 30 and/or cache memory 32.Electronic equipment 12 can be into
One step includes other removable/nonremovable, volatile/non-volatile computer system storage mediums.Only as an example, it deposits
Storage system 34 can be used for reading and writing immovable, non-volatile magnetic media, and (Fig. 8 do not show, commonly referred to as " hard drive
Device ").Although being not shown in Fig. 8, the disk for reading and writing to removable non-volatile magnetic disk (such as " floppy disk ") can be provided and driven
Dynamic device, and to removable anonvolatile optical disk (such as: compact disc read-only memory (Compact Disc Read Only
Memory；Hereinafter referred to as: CD-ROM), digital multi CD-ROM (Digital Video Disc Read Only
Memory；Hereinafter referred to as: DVD-ROM) or other optical mediums) read-write CD drive.In these cases, each driving
Device can be connected according to Media Interface Connector with bus 18 by one or multi-quantity.Memory 28 may include that at least one program produces
Product, the program product have one group of (for example, at least one) program module, and it is each that these program modules are configured to perform the application
The function of embodiment.
Program/utility 40 with one group of (at least one) program module 42 can store in such as memory 28
In, such program module 42 include but is not limited to operating system, one or more application program, other program modules and
It may include the realization of network environment in program data, each of these examples or certain combination.Program module 42 is usual
Execute the function and/or method in embodiments described herein.
Electronic equipment 12 can also be with one or more external equipments 14 (such as keyboard, sensing equipment, display 24 etc.)
Communication, can also be enabled a user to one or more equipment interact with the electronic equipment 12 communicate, and/or with make the electricity
Any equipment (such as network interface card, modem etc.) that sub- equipment 12 can be communicated with one or more of the other calculating equipment
Communication.This communication can be carried out by input/output (I/O) interface 22.Also, electronic equipment 12 can also be suitable by network
Orchestration 20 and one or more network (such as local area network (Local Area Network；Hereinafter referred to as: LAN), wide area network
(Wide Area Network；Hereinafter referred to as: WAN) and/or public network, for example, internet) communication.As shown, network is suitable
Orchestration 20 is communicated by bus 18 with other modules of electronic equipment 12.It should be understood that although not shown in the drawings, can be in conjunction with electricity
Sub- equipment 12 uses other hardware and/or software module, including but not limited to: microcode, device driver, redundancy processing are single
Member, external disk drive array, RAID system, tape drive and data backup storage system etc..
Processing unit 16 by the program that is stored in system storage 28 of operation, thereby executing various function application and
Data processing, such as realize the method referred in previous embodiment.
In order to realize above-described embodiment, the embodiment of the present application also proposes a kind of non-transitorycomputer readable storage medium,
It is stored thereon with computer program, is realized when which is executed by processor dynamic based on pressing as described in above-described embodiment
Draw display methods.
In the description of this specification, reference term " one embodiment ", " some embodiments ", " example ", " specifically show
The description of example " or " some examples " etc. means specific features, structure, material or spy described in conjunction with this embodiment or example
Point is included at least one embodiment or example of the invention.In the present specification, schematic expression of the above terms are not
It must be directed to identical embodiment or example.Moreover, particular features, structures, materials, or characteristics described can be in office
It can be combined in any suitable manner in one or more embodiment or examples.In addition, without conflicting with each other, the skill of this field
Art personnel can tie the feature of different embodiments or examples described in this specification and different embodiments or examples
It closes and combines.
In addition, term " first ", " second " are used for descriptive purposes only and cannot be understood as indicating or suggesting relative importance
Or implicitly indicate the quantity of indicated technical characteristic.Define " first " as a result, the feature of " second " can be expressed or
Implicitly include at least one this feature.In the description of the present invention, the meaning of " plurality " is at least two, such as two, three
It is a etc., unless otherwise specifically defined.
Any process described otherwise above or method description are construed as in flow chart or herein, and expression includes
It is one or more for realizing custom logic function or process the step of executable instruction code module, segment or portion
Point, and the range of the preferred embodiment of the present invention includes other realization, wherein can not press shown or discussed suitable
Sequence, including according to related function by it is basic simultaneously in the way of or in the opposite order, Lai Zhihang function, this should be of the invention
Embodiment person of ordinary skill in the field understood.
Expression or logic and/or step described otherwise above herein in flow charts, for example, being considered use
In the order list for the executable instruction for realizing logic function, may be embodied in any computer-readable medium, for
Instruction execution system, device or equipment (such as computer based system, including the system of processor or other can be held from instruction
The instruction fetch of row system, device or equipment and the system executed instruction) it uses, or combine these instruction execution systems, device or set
It is standby and use.For the purpose of this specification, " computer-readable medium ", which can be, any may include, stores, communicates, propagates or pass
Defeated program is for instruction execution system, device or equipment or the dress used in conjunction with these instruction execution systems, device or equipment
It sets.The more specific example (non-exhaustive list) of computer-readable medium include the following: there is the electricity of one or more wirings
Interconnecting piece (electronic device), portable computer diskette box (magnetic device), random access memory (RAM), read-only memory
(ROM), erasable edit read-only storage (EPROM or flash memory), fiber device and portable optic disk is read-only deposits
Reservoir (CDROM).In addition, computer-readable medium can even is that the paper that can print described program on it or other are suitable
Medium, because can then be edited, be interpreted or when necessary with it for example by carrying out optical scanner to paper or other media
His suitable method is handled electronically to obtain described program, is then stored in computer storage.
It should be appreciated that each section of the invention can be realized with hardware, software, firmware or their combination.Above-mentioned
In embodiment, software that multiple steps or method can be executed in memory and by suitable instruction execution system with storage
Or firmware is realized.Such as, if realized with hardware in another embodiment, following skill well known in the art can be used
Any one of art or their combination are realized: have for data-signal is realized the logic gates of logic function from
Logic circuit is dissipated, the specific integrated circuit with suitable combinational logic gate circuit, programmable gate array (PGA), scene can compile
Journey gate array (FPGA) etc..
Those skilled in the art are understood that realize all or part of step that above-described embodiment method carries
It suddenly is that relevant hardware can be instructed to complete by program, the program can store in a kind of computer-readable storage medium
In matter, which when being executed, includes the steps that one or a combination set of embodiment of the method.
It, can also be in addition, each functional unit in each embodiment of the present invention can integrate in a processing module
It is that each unit physically exists alone, can also be integrated in two or more units in a module.Above-mentioned integrated mould
Block both can take the form of hardware realization, can also be realized in the form of software function module.The integrated module is such as
Fruit is realized and when sold or used as an independent product in the form of software function module, also can store in a computer
In read/write memory medium.
Storage medium mentioned above can be read-only memory, disk or CD etc..Although having been shown and retouching above
The embodiment of the present invention is stated, it is to be understood that above-described embodiment is exemplary, and should not be understood as to limit of the invention
System, those skilled in the art can be changed above-described embodiment, modify, replace and become within the scope of the invention
Type.
Claims (10)
1. a kind of cartoon display method based on pressing, which comprises the following steps:
Obtain the pressing center of press points and press pressure on screen；
It is determined in the pressing vertex neighborhood at the beginning of the rendering of multiple rendering points according to the pressing center and the press pressure
Beginning position, and rendering initial velocity corresponding with rendering point each in the multiple rendering point；
Determining rendered color corresponding with each rendering point；
Control each rendering point according to corresponding rendered color and rendering initial velocity, from corresponding rendering initial position to
It is rendered far from the pressing center direction, in order to which all rendering points form fluid animation effect in render process.
2. the method as described in claim 1, which is characterized in that control each rendering point is according to corresponding rendering face
Color and rendering initial velocity, render from corresponding rendering initial position to far from the pressing center direction, comprising:
Determine the horizontal velocity component for rendering initial velocity and vertical velocity component；
It obtains and four real-time pressure reference values of each rendering point adjacent four renderings in direction up and down；
The horizontal velocity component obtained between two adjacent rendering points of described each rendering point or so is poor；
The vertical velocity component obtained between two neighbouring rendering points of each rendering point is poor；
According to default Divergence Field formula to each corresponding horizontal velocity component difference of rendering point and the vertical speed
Component difference calculates, and obtains divergence value；
According to preset pressure field computation formula to each corresponding divergence value of rendering point and four real-time pressures
Reference value calculates, and obtains real-time pressure value；
It is calculated according to the corresponding real-time pressure value of each rendering point, obtains real-time rendering acceleration；
Each rendering point is controlled according to the rendered color from corresponding rendering initial position to far from the pressing center
Locality rendering, and it is described every according to the real-time rendering acceleration and rendering initial velocity control in render process
The real-time rendering speed of a rendering point.
3. method according to claim 2, which is characterized in that further include:
In render process, the real-time transparent degree of the rendered color is adjusted according to the real-time rendering speed, wherein the reality
When rendering speed and the real-time transparent degree it is proportional.
4. the method as described in claim 1, which is characterized in that determination rendering face corresponding with each rendering point
Color, comprising:
Obtain the interface color of the OSD interface；
According to the determining rendered color corresponding with each rendering point of the interface color.
5. the method as described in claim 1, which is characterized in that described to control each rendering point according to corresponding rendering
Color and rendering initial velocity, render from corresponding rendering initial position to far from the pressing center direction, comprising:
Obtain the time interval of user's input；
Every the time interval, the rendering speed decaying of each rendering point according to preset decaying policy control；
The transparency for controlling the rendered color follows the decaying of the rendering speed to be gradually increased.
6. method as claimed in claim 5, which is characterized in that each rendering according to preset decaying policy control
The rendering speed decaying of point, comprising:
The horizontal velocity component of the rendering speed of each rendering point according to preset decaying policy control；And/or
The vertical velocity component of the rendering speed of each rendering point according to preset decaying policy control.
7. a kind of animation display device based on pressing characterized by comprising
Module is obtained, for obtaining pressing center and the press pressure of press points on screen；
First determining module is more in the pressing vertex neighborhood for being determined according to the pressing center and the press pressure
The rendering initial position of a rendering point, and rendering initial velocity corresponding with rendering point each in the multiple rendering point；
Second determining module, for determining rendered color corresponding with each rendering point；
Rendering module, for controlling each rendering point according to corresponding rendered color and rendering initial velocity, from corresponding
It renders initial position to render to far from the pressing center direction, in order to which all rendering points are formed in render process
Fluid animation effect.
8. device as claimed in claim 7, which is characterized in that the rendering module, comprising:
Determination unit, for determining the horizontal velocity component for rendering initial velocity and vertical velocity component；
First acquisition unit, for obtaining and four realities of each rendering point adjacent four rendering points in direction up and down
When compression force reference value；
Second acquisition unit, for obtaining the horizontal velocity minute between two adjacent rendering points of described each rendering point or so
It is poor to measure；
Third acquiring unit, for obtaining the vertical speed minute between two neighbouring rendering points of each rendering point
It is poor to measure；
First computing unit, for according to presetting Divergence Field formula to the corresponding horizontal velocity component of each rendering point
The poor and described vertical velocity component difference calculates, and obtains divergence value；
Second computing unit, for according to preset pressure field computation formula to the corresponding divergence value of each rendering point with
Four real-time pressure reference values calculate, and obtain real-time pressure value；
4th acquiring unit, for according to the corresponding real-time pressure value calculating of each rendering point, acquisition real-time rendering
Acceleration；
Rendering unit, for control each rendering point according to the rendered color from corresponding rendering initial position far from
The pressing center direction rendering, and according to the real-time rendering acceleration and the initial speed of the rendering in render process
The real-time rendering speed of degree control each rendering point.
9. device as claimed in claim 7, which is characterized in that
The acquisition module is also used to obtain the time interval of user's input；
The rendering module is also used to every the time interval, each rendering point according to preset decaying policy control
Rendering speed decaying, the transparency for controlling the rendered color follows the decaying of the rendering speed to be gradually increased.
10. a kind of electronic equipment, which is characterized in that including processor and memory；
Wherein, the processor is run by reading the executable program code stored in the memory can be performed with described
The corresponding program of program code, for realizing the cartoon display method such as claimed in any one of claims 1 to 6 based on pressing.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910683357.7A CN110427131B (en) | 2019-07-26 | 2019-07-26 | Animation display method and device based on pressing |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910683357.7A CN110427131B (en) | 2019-07-26 | 2019-07-26 | Animation display method and device based on pressing |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110427131A true CN110427131A (en) | 2019-11-08 |
| CN110427131B CN110427131B (en) | 2021-04-06 |
Family
ID=68412752
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910683357.7A Active CN110427131B (en) | 2019-07-26 | 2019-07-26 | Animation display method and device based on pressing |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110427131B (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111127607A (en) * | 2019-12-23 | 2020-05-08 | 上海米哈游天命科技有限公司 | Animation generation method, device, equipment and medium |
| CN111880882A (en) * | 2020-07-27 | 2020-11-03 | 广州华多网络科技有限公司 | Interface special effect display, processing and response method, device, equipment and medium thereof |
| CN111986303A (en) * | 2020-09-09 | 2020-11-24 | 网易（杭州）网络有限公司 | Fluid rendering method and device, storage medium and terminal equipment |
| CN112446942A (en) * | 2020-11-09 | 2021-03-05 | 北京达佳互联信息技术有限公司 | Special effect rendering method and device, electronic equipment and storage medium |
| CN114167991A (en) * | 2021-12-13 | 2022-03-11 | Oppo广东移动通信有限公司 | Control display method and device, electronic equipment and storage medium |
| CN114356479A (en) * | 2021-12-27 | 2022-04-15 | 珠海豹趣科技有限公司 | Page rendering method and device |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150011312A1 (en) * | 2012-05-24 | 2015-01-08 | Supercell Oy | Graphical user interface for a gaming system |
| CN104423710A (en) * | 2013-09-06 | 2015-03-18 | 意美森公司 | Haptic warping system that transforms a haptic signal into a collection of vibrotactile haptic effect patterns |
| CN104834380A (en) * | 2015-05-12 | 2015-08-12 | 东南大学 | Flexible object tactile modeling and expressing method applied to mobile terminal |
| CN105653099A (en) * | 2016-03-01 | 2016-06-08 | 宇龙计算机通信科技(深圳)有限公司 | Method and device for feeding back pressing intensity of touch screen |
| CN105748057A (en) * | 2015-01-06 | 2016-07-13 | 三星电子株式会社 | Information Display Method And Electronic Device For Supporting The Same |
| CN109062481A (en) * | 2018-07-25 | 2018-12-21 | 北京小米智能科技有限公司 | Image rendering method and device |
-
2019
- 2019-07-26 CN CN201910683357.7A patent/CN110427131B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150011312A1 (en) * | 2012-05-24 | 2015-01-08 | Supercell Oy | Graphical user interface for a gaming system |
| CN104423710A (en) * | 2013-09-06 | 2015-03-18 | 意美森公司 | Haptic warping system that transforms a haptic signal into a collection of vibrotactile haptic effect patterns |
| CN105748057A (en) * | 2015-01-06 | 2016-07-13 | 三星电子株式会社 | Information Display Method And Electronic Device For Supporting The Same |
| CN104834380A (en) * | 2015-05-12 | 2015-08-12 | 东南大学 | Flexible object tactile modeling and expressing method applied to mobile terminal |
| CN105653099A (en) * | 2016-03-01 | 2016-06-08 | 宇龙计算机通信科技(深圳)有限公司 | Method and device for feeding back pressing intensity of touch screen |
| CN109062481A (en) * | 2018-07-25 | 2018-12-21 | 北京小米智能科技有限公司 | Image rendering method and device |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111127607A (en) * | 2019-12-23 | 2020-05-08 | 上海米哈游天命科技有限公司 | Animation generation method, device, equipment and medium |
| CN111127607B (en) * | 2019-12-23 | 2023-11-03 | 上海米哈游天命科技有限公司 | Animation generation method, device, equipment and medium |
| CN111880882A (en) * | 2020-07-27 | 2020-11-03 | 广州华多网络科技有限公司 | Interface special effect display, processing and response method, device, equipment and medium thereof |
| CN111986303A (en) * | 2020-09-09 | 2020-11-24 | 网易（杭州）网络有限公司 | Fluid rendering method and device, storage medium and terminal equipment |
| CN112446942A (en) * | 2020-11-09 | 2021-03-05 | 北京达佳互联信息技术有限公司 | Special effect rendering method and device, electronic equipment and storage medium |
| CN112446942B (en) * | 2020-11-09 | 2023-12-19 | 北京达佳互联信息技术有限公司 | Special effect rendering method and device, electronic equipment and storage medium |
| CN114167991A (en) * | 2021-12-13 | 2022-03-11 | Oppo广东移动通信有限公司 | Control display method and device, electronic equipment and storage medium |
| CN114167991B (en) * | 2021-12-13 | 2023-08-29 | Oppo广东移动通信有限公司 | Control display method and device, electronic equipment and storage medium |
| CN114356479A (en) * | 2021-12-27 | 2022-04-15 | 珠海豹趣科技有限公司 | Page rendering method and device |
| CN114356479B (en) * | 2021-12-27 | 2024-03-08 | 珠海豹趣科技有限公司 | Page rendering method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110427131B (en) | 2021-04-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110427131A (en) | Cartoon display method and device based on pressing | |
| US20220121326A1 (en) | Simulating physical materials and light interaction in a user interface of a resource-constrained device | |
| JP6059364B2 (en) | Reactive ad format | |
| CN102163081A (en) | Method, electronic equipment and device for screen interaction | |
| CN108733336A (en) | page display method and device | |
| CN107291802B (en) | Relation map methods of exhibiting and device | |
| CN109360088A (en) | Processing method, device and the computer equipment of loan transaction | |
| US20170052701A1 (en) | Dynamic virtual keyboard graphical user interface | |
| Jönsson et al. | Intuitive exploration of volumetric data using dynamic galleries | |
| CN110263732A (en) | Multiscale target detection method and device | |
| CN107589894B (en) | A kind of page turning method, device and storage medium | |
| CN108269222A (en) | A kind of window rendering intent and terminal | |
| CN109844820A (en) | The hand that hologram is modified based on contextual information is blocked | |
| CN105117098A (en) | Icon management method and terminal | |
| AU2009251135A1 (en) | Method of interfacing with multi-point display device | |
| CN108846791A (en) | Rendering method, device and the electronic equipment of physical model | |
| WO2021190651A1 (en) | Rendering quality adjustment method and related device | |
| CN106126021A (en) | A kind of interface display method and device | |
| CN107343141A (en) | Focusing method, device and computer equipment | |
| CN103631379B (en) | Touch the visual feedback method and apparatus of selection | |
| CN107957847A (en) | A kind of touch track display methods, device, equipment and storage medium | |
| CN104346046B (en) | Three-dimensional artificial page turning method and system | |
| CN103853475B (en) | The three dimensional stress method and apparatus at two-dimentional interface | |
| CN106022173B (en) | Sensitive data display methods and device | |
| CN104915102B (en) | The exchange method and device of graphical interfaces |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |