CN109885306B - Method and system for quickly and efficiently realizing banner dynamic effect - Google Patents
Method and system for quickly and efficiently realizing banner dynamic effect Download PDFInfo
- Publication number
- CN109885306B CN109885306B CN201910147008.3A CN201910147008A CN109885306B CN 109885306 B CN109885306 B CN 109885306B CN 201910147008 A CN201910147008 A CN 201910147008A CN 109885306 B CN109885306 B CN 109885306B
- Authority
- CN
- China
- Prior art keywords
- dynamic effect
- banner
- effect parameter
- value
- module
- 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.)
- Active
Links
- 230000000694 effects Effects 0.000 title claims abstract description 223
- 238000000034 method Methods 0.000 title claims abstract description 29
- 238000004364 calculation method Methods 0.000 claims abstract description 21
- 238000010586 diagram Methods 0.000 abstract description 12
- 230000003068 static effect Effects 0.000 description 5
- 238000007792 addition Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 241001163465 Epiphile adrasta Species 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to a method and a system for quickly and efficiently realizing the banner dynamic effect. The method comprises the following steps: determining pictures required for realizing the banner dynamic effect; presetting N, FloatBox coefficients of the number of element graphs required for realizing the Banner dynamic effect and specific dynamic effect parameters of an object; the dynamic effect parameter automatic calculation module automatically endows the dynamic effect parameters of each element according to the set N, FloatBox coefficient and the value of the specific dynamic effect parameter of an object and a formula; a user calls a corresponding element diagram and uploads the element diagram to a dynamic effect generation module; the dynamic effect generation module gives the dynamic effect to each element diagram according to the dynamic effect parameter value of each element diagram obtained by calculation; and the dynamic effect output module outputs a Banner dynamic effect graph. The system comprises modules for implementing the method. The application of the invention can realize the banner dynamic effect rapidly and efficiently and meet the basic banner dynamic effect requirements of operators and designers in the field of electric business.
Description
Technical Field
The invention relates to the field of internet dynamic effect design, in particular to a method and a system for quickly and efficiently realizing the Banner dynamic effect.
Background
The exhibition requirement of the banner in the daily work of operators and designers is increasing, and an active banner attracts more attention of users than a static banner, and the click volume is generated. In the e-commerce background, a common banner picture is configured, namely a static picture or gif dynamic picture is uploaded according to the size requirement and format, wherein the former is a static banner, and the latter is an effective banner. Without the help of front-end development, designers can only realize effects through gif images, but the gif images are not suitable for pictures with too many frames or too large, so that the limitation is large, and the use of the ginner can be avoided as much as possible even if the effective banner is known to be good in effect in actual work.
Patent document CN108228639A, publication No. 2018.06.29, discloses a method and system for automatically loading pictures for web pages banner, the method includes: extracting a network link address contained in the banner; extracting a picture; extracting a first picture of the advertisement page by default; carrying out self-adaptive adjustment on the picture according to the size and pixels of the banner; pictures were loaded on the banner. The technical scheme of the invention mainly loads the pictures dynamically according to different advertisement contents, improves the accuracy and effectiveness of the advertisement pictures, effectively mines and utilizes the advertisement picture resources, unifies the specifications of the picture resources for display, enhances the visual effect of advertisement propaganda, is beneficial to the editing and use of the advertisement picture resources, and improves the efficiency of internet advertisement.
Patent document CN102124446A, publication No. 2011.07.13, discloses a dynamic banner combining method that implements a display banner containing current information and dynamically changing information by a method for generating a display of a banner image, wherein the banner image occupies at least a portion of the video display. The static and dynamic elements of the banner image are defined by a file containing specific instructions. When instructions from the file are executed to begin combining banner images for display, the current content of each dynamic element is determined and the associated dynamic element is updated accordingly. The static elements and updated dynamic elements are then combined into the current banner image for display. The invention in this way enables the banner image to be dynamically created with current information just as it is displayed.
However, no method which can meet the diversified requirements of operation and designers and simply, quickly and efficiently realize the banner action without the help of front-end development is available at present.
Disclosure of Invention
The invention aims to provide a method for quickly and efficiently realizing the banner action aiming at the defects in the prior art.
It is a further object of this invention to provide such a system that achieves a banner animation quickly and efficiently.
In order to achieve the first purpose, the invention adopts the technical scheme that:
a method for realizing the banner action rapidly and efficiently comprises the following steps:
step S1, the user determines the pictures needed for realizing the banner effect and stores the pictures in the storage module;
step S2, presetting the number N, FloatBox coefficients of the element graphs required for realizing the banner dynamic effect and the specific dynamic effect parameters of an object by a user in a parameter setting module;
step S3, the dynamic effect parameter automatic calculation module automatically calculates each dynamic effect parameter of each element graph in the N element graphs according to the set N, FloatBox coefficient and the value of the specific dynamic effect parameter of an object and the following formula;
| parameter defaults | Parameter value of element M | |
| ScaleX (Length) | X | (1+M*γ％/N)*X |
| Scale Y (Width) | Y | (1+M*γ％/N)*Y |
| PositionX1 (initial X coordinate) | α1 | (1+M*γ％/N)*α1 |
| PositionX2 (end X coordinate) | α2 | (1+M*γ％/N)*α2 |
| PositionY1 (initial Y coordinate) | β1 | (1+M*γ％/N)*β1 |
| PositionY2 (end Y coordinate) | β2 | (1+M*γ％/N)*β2 |
| Timestart (initial time) | O | (1+M*γ％/N)*O |
| TimeEnd (end time) | P | (1+M*γ％/N)*P |
Step S4, the user calls the corresponding element map from the storage module according to the value of M and uploads the element map to the dynamic effect generation module, wherein M is less than or equal to N;
step S5, the dynamic effect generation module endows the element graphs uploaded by the element uploading module with dynamic effect parameters corresponding to the dynamic effect parameters according to the dynamic effect parameter values of the element graphs calculated by the dynamic effect parameter automatic calculation module;
and step S6, the dynamic effect output module outputs the generated banner dynamic effect map.
As a preferred example, the method for rapidly and efficiently realizing the banner action further comprises the following steps: the action preview module temporarily presents the banner action map generated by the action generation module to the user.
As another preferred example, the picture includes a background picture and an element picture.
As another preferred example, the element map is in png format.
In order to achieve the second object, the invention adopts the technical scheme that:
a system for quickly and efficiently implementing a banner effect, comprising:
the storage module is used for storing pictures required for realizing the banner dynamic effect and manufactured banner dynamic effect pictures;
the parameter setting module is used for presetting N, FloatBox coefficients of the number of element graphs required by the realization of the banner dynamic effect and specific dynamic effect parameters of an object by a user;
the dynamic effect parameter automatic calculation module is used for automatically calculating each dynamic effect parameter of each element diagram in the N element diagrams according to the values of the N and FloatBox coefficients set by a user and the following formula;
| parameter defaults | Parameter value of element M | |
| ScaleX (Length) | X | (1+M*γ％/N)*X |
| Scale Y (Width) | Y | (1+M*γ％/N)*Y |
| PositionX1 (initial X coordinate) | α1 | (1+M*γ％/N)*α1 |
| PositionX2 (end X coordinate) | α2 | (1+M*γ％/N)*α2 |
| PositionY1 (initial Y coordinate) | β1 | (1+M*γ％/N)*β1 |
| PositionY2 (end Y coordinate) | β2 | (1+M*γ％/N)*β2 |
| Timestart (initial time) | O | (1+M*γ％/N)*O |
| TimeEnd (end time) | P | (1+M*γ％/N)*P |
An element uploading module: the user calls the corresponding element graph from the storage module according to the value of M and uploads the element graph to the dynamic effect generation module, wherein M is less than or equal to N;
the dynamic effect generation module: the dynamic effect parameter uploading module is used for uploading the dynamic effect parameters corresponding to the element graphs to the element uploading module according to the dynamic effect parameter values of the element graphs calculated by the dynamic effect parameter automatic calculation module;
the dynamic effect output module: the device is used for outputting the generated banner kinetic effect graph;
a management module: the device comprises a storage module, a display module and a display module, wherein the storage module is used for storing a management command input by a user;
a display module: used for displaying the pictures stored by the storage module or the generated banner kinegram to the user.
As a preferred example, the system for quickly and efficiently implementing the banner moving effect further includes a moving effect preview module, configured to preview the generated banner moving effect map.
As another preferred example, the picture includes a background picture and an element picture.
As another preferred example, the element map is in png format.
The invention has the advantages that:
1. the invention provides a method and a system for realizing the banner dynamic effect, and a user only needs to upload pictures at corresponding positions: the background graph and the png-format element graph automatically obtain the total parameters of all the objects by inputting the specific parameters of a single object once, realize the automation of the assignment of the dynamic effect parameters, then enable each object to generate an animation effect, and obtain the Banner dynamic effect graph, so that the method is rapid, simple and convenient.
2. By applying the method and the system, the front-end personnel are not needed to realize the Banner dynamic effect, and the operators and the designers can easily realize the Banner dynamic effect, so that the basic requirement of the Banner dynamic effect of the operators and the designers is met, the generated Banner graph with the animation effect is applied to the webpage, and the Banner click rate and the activity conversion rate are improved.
Drawings
Fig. 1 is a flow chart of a method for rapidly and efficiently realizing the banner dynamic effect in embodiment 1 of the present invention.
Fig. 2 is a flow chart of a method for realizing the banner dynamic effect rapidly and efficiently in embodiment 2 of the present invention.
Fig. 3 is a block diagram of a system for rapidly and efficiently implementing the banner effect in embodiment 3 of the present invention.
Fig. 4 is a block diagram of a system for rapidly and efficiently implementing the banner effect in embodiment 4 of the present invention.
Detailed Description
The following detailed description of the present invention will be made with reference to the accompanying drawings.
The reference numerals and components referred to in the drawings are as follows:
1. storage module 2, parameter setting module
3. Dynamic effect parameter automatic calculation module 4, element uploading module
5. Dynamic effect generation module 6, dynamic effect preview module
7. Dynamic effect output module 8, management module
9. Display module
Example 1
The embodiment provides a method for quickly and efficiently realizing the banner dynamic effect, and referring to fig. 1, the method includes the following steps:
and step S1, determining pictures required for realizing the banner effect, and storing the pictures in a storage module, wherein the pictures comprise a background picture and an element picture, and the element picture is preferably in the png format.
In step S2, the user presets, in the parameter setting module, the number N, FloatBox coefficients of the element maps required for implementing the banner dynamic effect and the specific dynamic effect parameters of an object. The number N is a natural number. The FloatBox coefficient, γ%, is used to calculate the value of the specific kinetic effect parameter for the mth of the N elemental maps. Specific dynamic parameters include scaleX (length), scaleY (width), PositionX1 (initial X coordinate), PositionX2 (end X coordinate), PositionY1 (initial Y coordinate), PositionY2 (end Y coordinate), TimeStart (initial time), TimeEnd (end time).
In step S3, the dynamic effect parameter automatic calculation module automatically calculates each dynamic effect parameter of each element of the N elements according to the set N, FloatBox coefficient and the value of the specific dynamic effect parameter of an object and the following formula.
| Parameter defaults | Parameter value of element M | |
| ScaleX (Length) | X | (1+M*γ％/N)*X |
| Scale Y (Width) | Y | (1+M*γ％/N)*Y |
| PositionX1 (initial X coordinate) | α1 | (1+M*γ％/N)*α1 |
| PositionX2 (end X coordinate) | α2 | (1+M*γ％/N)*α2 |
| PositionY1 (initial Y coordinate) | β1 | (1+M*γ％/N)*β1 |
| PositionY2 (end Y coordinate) | β2 | (1+M*γ％/N)*β2 |
| Timestart (initial time) | O | (1+M*γ％/N)*O |
| TimeEnd (end time) | P | (1+M*γ％/N)*P |
And step S4, the user calls the corresponding element map from the storage module according to the value of M and uploads the element map to the dynamic effect generation module, wherein M is less than or equal to N.
And step S5, the dynamic effect generation module endows the element graphs uploaded by the element uploading module with corresponding dynamic effect parameters according to the dynamic effect parameter values of the elements calculated by the dynamic effect parameter automatic calculation module.
And step S6, the dynamic effect output module outputs the generated banner dynamic effect map.
The following is a practical example, which includes the following steps:
in step S1, the user selects the pictures required by the banner animation that the user wants to make, and stores the pictures in the storage module, wherein one of the pictures is used as a background picture, and the rest are element pictures, and the element pictures are in png format.
Step S2, the user presets the number N of element maps and the flowbox coefficient required for implementing the banner effect in the parameter setting module: n is 3, and the FloatBox coefficient is 20%. And set the specific dynamic parameters of an object, i.e. the default values in the table below.
In step S3, the dynamic effect parameter automatic calculation module automatically calculates each dynamic effect parameter of each element map in the 3 element maps according to the set value of N, FloatBox coefficient and default value and according to the following formula.
| Default value | A | B | C | |
| ScaleX (Length) | 100px | 107px | 114px | 121px |
| Scale Y (Width) | 200px | 214px | 228px | 242px |
| PositionX1 (initial X coordinate) | 100 | 107 | 114 | 121 |
| PositionX2 (end X coordinate) | 150 | 160 | 170 | 180 |
| PositionY1 (initial Y coordinate) | 200 | 214 | 228 | 242 |
| PositionY2 (end Y coordinate) | 250 | 265 | 280 | 300 |
| Timestart (initial time) | 1000ms | 1070ms | 1140ms | 1210ms |
| TimeEnd (knot)Time of the bundle) | 2000ms | 2140ms | 2280ms | 2420ms |
In step S4, the user calls the corresponding element map from the storage module and uploads the element map to the dynamic effect generation module.
And step S5, the dynamic effect generation module endows the corresponding dynamic effect parameters of each element graph uploaded by the element uploading module according to the dynamic effect parameter values of each element calculated by the dynamic effect parameter automatic calculation module. At this time:
animation effects of element A:
between 1070ms and 2140ms, the a element has a dynamic effect, automatically obtaining a size of 107px 214px, moving from an initial position (107, 214) to an end position (160, 265).
Animation effects of element B:
between 1140ms and 2280ms, the B element has a dynamic effect, automatically acquires a size of 114px 228px, moves from the initial position (114, 228) to the end position (170, 280).
Animation effects of element C:
between 1210ms and 2420ms, the C element has a dynamic effect, automatically acquires a size of 121px 242px, moves from an initial position (121, 242) to an end position (180, 300).
And step S6, the dynamic effect output module outputs the generated banner dynamic effect map.
Example 2
The embodiment provides a method for quickly and efficiently realizing the banner dynamic effect, and referring to fig. 2, the method includes the following steps:
and step S1, determining pictures required for realizing the banner effect, and storing the pictures in a storage module, wherein the pictures comprise a background picture and an element picture, and the element picture is preferably in the png format.
In step S2, the user presets, in the parameter setting module, the number N, FloatBox coefficients of the element maps required for implementing the banner dynamic effect and the specific dynamic effect parameters of an object. The number N is a natural number. The FloatBox coefficient, γ%, is used to calculate the value of the specific kinetic effect parameter for the mth of the N elemental maps. Specific dynamic parameters include scaleX (length), scaleY (width), PositionX1 (initial X coordinate), PositionX2 (end X coordinate), PositionY1 (initial Y coordinate), PositionY2 (end Y coordinate), TimeStart (initial time), TimeEnd (end time).
In step S3, the dynamic effect parameter automatic calculation module automatically calculates each dynamic effect parameter of each element map in the N element maps according to the set N, FloatBox coefficient and the value of the specific dynamic effect parameter of an object and the following formula.
| Parameter defaults | Parameter value of element M | |
| ScaleX (Length) | X | (1+M*γ％/N)*X |
| Scale Y (Width) | Y | (1+M*γ％/N)*Y |
| PositionX1 (initial X coordinate) | α1 | (1+M*γ％/N)*α1 |
| PositionX2 (end X coordinate) | α2 | (1+M*γ％/N)*α2 |
| PositionY1 (initial Y coordinate) | β1 | (1+M*γ％/N)*β1 |
| PositionY2 (end Y coordinate) | β2 | (1+M*γ％/N)*β2 |
| Timestart (initial time) | O | (1+M*γ％/N)*O |
| TimeEnd (end time) | P | (1+M*γ％/N)*P |
And step S4, the user calls the corresponding element map from the storage module according to the value of M and uploads the element map to the dynamic effect generation module, wherein M is less than or equal to N.
And step S5, the dynamic effect generation module endows the element graphs uploaded by the element uploading module with dynamic effect parameters corresponding to the dynamic effect parameters according to the dynamic effect parameter values of the element graphs calculated by the dynamic effect parameter automatic calculation module.
In step S6, the animation preview module temporarily presents the banner animation generated by the animation generation module to the user.
And step S7, the dynamic effect output module outputs the generated banner dynamic effect map.
Example 3
The embodiment provides a system for rapidly and efficiently realizing the banner dynamic effect. Referring to fig. 3, fig. 3 is a block diagram of a system for quickly and efficiently implementing a banner action in embodiment 3 of the present invention. The system for rapidly and efficiently realizing the banner action comprises:
the storage module 1 is used for storing pictures required for realizing the banner moving effect and manufactured banner moving effect pictures. The picture comprises a background picture and an element picture, and the element picture is preferably in the png format.
And the parameter setting module 2 is used for presetting the N, FloatBox coefficients of the number of the element graphs required by the realization of the banner dynamic effect and the specific dynamic effect parameters of an object by a user. The number N is a natural number. The FloatBox coefficient, γ%, is used to calculate the value of the specific kinetic effect parameter for the mth of the N elemental maps. Specific dynamic parameters include scaleX (length), scaleY (width), PositionX1 (initial X coordinate), PositionX2 (end X coordinate), PositionY1 (initial Y coordinate), PositionY2 (end Y coordinate), TimeStart (initial time), TimeEnd (end time).
And the dynamic effect parameter automatic calculation module 3 is used for automatically calculating each dynamic effect parameter of each element map in the N element maps according to the N, FloatBox coefficient set by the user and the value of the specific dynamic effect parameter of one object and the following formula.
| Parameter defaults | Parameter value of element M | |
| ScaleX (Length) | X | (1+M*γ％/N)*X |
| Scale Y (Width) | Y | (1+M*γ％/N)*Y |
| PositionX1 (initial X coordinate) | α1 | (1+M*γ％/N)*α1 |
| PositionX2 (end X coordinate) | α2 | (1+M*γ％/N)*α2 |
| PositionY1 (initial Y coordinate) | β1 | (1+M*γ％/N)*β1 |
| PositionY2 (end Y coordinate) | β2 | (1+M*γ％/N)*β2 |
| Timestart (initial time) | O | (1+M*γ％/N)*O |
| TimeEnd (end time) | P | (1+M*γ％/N)*P |
Element uploading module 4: and the user calls the corresponding element graph from the storage module 1 according to the value of M and uploads the element graph to the dynamic effect generation module 5, wherein M is less than or equal to N.
The dynamic effect generation module 5: and the dynamic effect parameter value assigning module is used for assigning the dynamic effect parameter corresponding to each element map uploaded by the element uploading module 4 according to the dynamic effect parameter value of each element map calculated by the dynamic effect parameter automatic calculation module 3.
The dynamic effect output module 7: and the device is used for outputting the generated banner kinetic effect diagram.
The management module 8: for sending a retrieval command to the storage module 1 according to a management command input by the user to retrieve the result stored in the storage module 1 and transmit it to the display module 9.
The display module 9: for displaying the pictures stored by the storage module 1 or the generated banner kinegram to the user.
Example 4
The embodiment provides a system for rapidly and efficiently realizing the banner dynamic effect. Referring to fig. 4, fig. 4 is a block diagram of a system for quickly and efficiently implementing a banner action in embodiment 4 of the present invention. The system for rapidly and efficiently realizing the banner action comprises:
the storage module 1 is used for storing pictures required for realizing the banner moving effect and manufactured banner moving effect pictures. The picture comprises a background picture and an element picture, and the element picture is preferably in the png format.
And the parameter setting module 2 is used for presetting the N, FloatBox coefficients of the number of the element graphs required by the realization of the banner dynamic effect and the specific dynamic effect parameters of an object by a user. The number N is a natural number. The FloatBox coefficient, γ%, is used to calculate the value of the specific kinetic effect parameter for the mth of the N elemental maps. Specific dynamic parameters include scaleX (length), scaleY (width), PositionX1 (initial X coordinate), PositionX2 (end X coordinate), PositionY1 (initial Y coordinate), PositionY2 (end Y coordinate), TimeStart (initial time), TimeEnd (end time).
And the dynamic effect parameter automatic calculation module 3 is used for automatically calculating each dynamic effect parameter of each element map in the N element maps according to the N, FloatBox coefficient set by the user and the value of the specific dynamic effect parameter of one object and the following formula.
| Parameter defaults | Parameter value of element M | |
| ScaleX (Length) | X | (1+M*γ％/N)*X |
| Scale Y (Width) | Y | (1+M*γ％/N)*Y |
| PositionX1 (initial X coordinate) | α1 | (1+M*γ％/N)*α1 |
| PositionX2 (end X coordinate) | α2 | (1+M*γ％/N)*α2 |
| PositionY1 (initial Y coordinate) | β1 | (1+M*γ％/N)*β1 |
| PositionY2 (end Y coordinate) | β2 | (1+M*γ％/N)*β2 |
| Timestart (initial time) | O | (1+M*γ％/N)*O |
| TimeEnd (end time) | P | (1+M*γ％/N)*P |
Element uploading module 4: and the user calls the corresponding element graph from the storage module 1 according to the value of M and uploads the element graph to the dynamic effect generation module 5, wherein M is less than or equal to N.
The dynamic effect generation module 5: and the dynamic effect parameter value assigning module is used for assigning the dynamic effect parameter corresponding to each element map uploaded by the element uploading module 4 according to the dynamic effect parameter value of each element map calculated by the dynamic effect parameter automatic calculation module 3.
The dynamic effect preview module 6: and previewing the generated banner animation.
The dynamic effect output module 7: and the device is used for outputting the generated banner kinetic effect diagram.
The management module 8: for sending a retrieval command to the storage module 1 according to a management command input by the user to retrieve the result stored in the storage module 1 and transmit it to the display module 9.
The display module 9: for displaying the pictures stored by the storage module 1 or the generated banner kinegram to the user.
The method and the system are applied to the design of the webpage banner, and the user only needs to set the animation parameters of one object to obtain the animation effect of all the objects. The algorithm can be enabled to have dynamic implementation capability for operators and designers of the e-commerce. The png format is used for the element graphs, has transparency, is suitable for superposition of the element graphs, and can be used for lossless compression and display of images on the webpage.
The above description is only a preferred embodiment of the present invention, and it should be noted that, for those skilled in the art, several modifications and additions can be made without departing from the method of the present invention, and these modifications and additions should also be regarded as the protection scope of the present invention.
Claims (8)
1. A method for realizing the banner action rapidly and efficiently is characterized by comprising the following steps:
step S1, the user determines the pictures needed for realizing the banner effect and stores the pictures in the storage module;
step S2, the user presets, in the parameter setting module, N, FloatBox coefficients of the number of element maps required for implementing the banner dynamic effect and a specific dynamic effect parameter of an object, where the flipbox coefficient = γ%, and the flipbox coefficient is used to calculate a specific dynamic effect parameter value of the mth element map among the N element maps;
step S3, the dynamic effect parameter automatic calculation module automatically calculates the dynamic effect parameters of each element map in the N element maps according to the set N, FloatBox coefficient and the value of the specific dynamic effect parameter of an object and according to the following formula:
the default value of the dynamic effect parameter length ScaleX is X, the value of the dynamic effect parameter length ScaleX of the element M is (1 + M × γ%/N) ×,
the default value of the dynamic effect parameter width ScaleY is Y, the value of the dynamic effect parameter width ScaleY of the element M is (1 + M × γ%/N) × Y,
the default value of the initial X coordinate PositionX1 of the dynamic effect parameter is α 1, the value of the initial X coordinate PositionX1 of the dynamic effect parameter of the element M is (1 + M × γ%/N) × α 1,
the default value of the dynamic effect parameter ending X coordinate PositionX2 is α 2, the value of the dynamic effect parameter ending X coordinate PositionX2 of the element M is (1 + M × γ%/N) × α 2,
the default value of the initial Y coordinate PositionY1 of the dynamic effect parameter is β 1, the value of the initial Y coordinate PositionY1 of the dynamic effect parameter of the element M is (1 + M × γ%/N) × β 1,
the default value of the dynamic effect parameter ending Y coordinate PositionY2 is β 2, the value of the dynamic effect parameter ending Y coordinate PositionY2 of the element M is (1 + M × γ%/N) × β 2,
the default value of the dynamic effect parameter initial time TimeStart is O, the value of the dynamic effect parameter initial time TimeStart of the element M is (1 + M gamma%/N) O,
if the default value of the dynamic effect parameter end time TimeEnd is P, the value of the dynamic effect parameter end time TimeEnd of the element M is (1 + M × γ%/N) × P;
step S4, the user calls the corresponding element map from the storage module according to the value of M and uploads the element map to the dynamic effect generation module, wherein M is less than or equal to N;
step S5, the dynamic effect generation module endows the element graphs uploaded by the element uploading module with dynamic effect parameters corresponding to the dynamic effect parameters according to the dynamic effect parameter values of the element graphs calculated by the dynamic effect parameter automatic calculation module;
and step S6, the dynamic effect output module outputs the generated banner dynamic effect map.
2. The method for rapidly and efficiently realizing the banner effect according to claim 1, further comprising the following steps: the action preview module temporarily presents the banner action map generated by the action generation module to the user.
3. The method for rapidly and efficiently implementing a banner effect as claimed in claim 1, wherein the pictures comprise a background picture and an element picture.
4. The method for realizing banner action fast and efficiently as claimed in claim 1, wherein the element map is in png format.
5. A system for rapidly and efficiently implementing a banner effect, comprising:
the storage module is used for storing pictures required for realizing the banner dynamic effect and manufactured banner dynamic effect pictures;
the parameter setting module is used for presetting N, FloatBox coefficients of the number of element graphs required by realization of the banner dynamic effect and a specific dynamic effect parameter of an object by a user, wherein the FloatBox coefficient = gamma%, and the function of the FloatBox coefficient is used for calculating the specific dynamic effect parameter value of the Mth element graph in the N element graphs;
the dynamic effect parameter automatic calculation module is used for automatically calculating each dynamic effect parameter of each element graph in the N element graphs according to the values of the N and FloatBox coefficients set by the user and the following formula
The default value of the dynamic effect parameter length ScaleX is X, the value of the dynamic effect parameter length ScaleX of the element M is (1 + M × γ%/N) ×,
the default value of the dynamic effect parameter width ScaleY is Y, the value of the dynamic effect parameter width ScaleY of the element M is (1 + M × γ%/N) × Y,
the default value of the initial X coordinate PositionX1 of the dynamic effect parameter is α 1, the value of the initial X coordinate PositionX1 of the dynamic effect parameter of the element M is (1 + M × γ%/N) × α 1,
the default value of the dynamic effect parameter ending X coordinate PositionX2 is α 2, the value of the dynamic effect parameter ending X coordinate PositionX2 of the element M is (1 + M × γ%/N) × α 2,
the default value of the initial Y coordinate PositionY1 of the dynamic effect parameter is β 1, the value of the initial Y coordinate PositionY1 of the dynamic effect parameter of the element M is (1 + M × γ%/N) × β 1,
the default value of the dynamic effect parameter ending Y coordinate PositionY2 is β 2, the value of the dynamic effect parameter ending Y coordinate PositionY2 of the element M is (1 + M × γ%/N) × β 2,
the default value of the dynamic effect parameter initial time TimeStart is O, the value of the dynamic effect parameter initial time TimeStart of the element M is (1 + M gamma%/N) O,
if the default value of the dynamic effect parameter TimeEnd time is P, the value of the dynamic effect parameter TimeEnd time of the element M is (1 + M × γ%/N) × P;
an element uploading module: the user calls the corresponding element graph from the storage module according to the value of M and uploads the element graph to the dynamic effect generation module, wherein M is less than or equal to N;
the dynamic effect generation module: the dynamic effect parameter uploading module is used for uploading the dynamic effect parameters corresponding to the element graphs to the element uploading module according to the dynamic effect parameter values of the element graphs calculated by the dynamic effect parameter automatic calculation module;
the dynamic effect output module: the device is used for outputting the generated banner kinetic effect graph;
a management module: the device comprises a storage module, a display module and a display module, wherein the storage module is used for storing a management command input by a user;
a display module: used for displaying the pictures stored by the storage module or the generated banner kinegram to the user.
6. The system for rapidly and efficiently implementing a banner dynamic effect as claimed in claim 5, further comprising a dynamic effect preview module for previewing the generated banner dynamic effect map.
7. The system for rapidly and efficiently implementing a banner effect as claimed in claim 5, wherein the picture comprises a background picture and an element picture.
8. The system for rapidly and efficiently implementing a banner effect as claimed in claim 5, wherein the element map is in png format.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910147008.3A CN109885306B (en) | 2019-02-27 | 2019-02-27 | Method and system for quickly and efficiently realizing banner dynamic effect |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910147008.3A CN109885306B (en) | 2019-02-27 | 2019-02-27 | Method and system for quickly and efficiently realizing banner dynamic effect |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109885306A CN109885306A (en) | 2019-06-14 |
| CN109885306B true CN109885306B (en) | 2022-04-08 |
Family
ID=66929715
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910147008.3A Active CN109885306B (en) | 2019-02-27 | 2019-02-27 | Method and system for quickly and efficiently realizing banner dynamic effect |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109885306B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111565325B (en) * | 2020-04-30 | 2022-04-01 | 北京字节跳动网络技术有限公司 | Information pushing method and device, server and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102124446A (en) * | 2008-08-08 | 2011-07-13 | 汤姆逊许可证公司 | Method for dynamic banner composition |
| CN104596501A (en) * | 2015-01-20 | 2015-05-06 | 成都山河空间信息技术有限公司 | Dynamic map location correction method based on mobile geographic information platform |
| CN105677674A (en) * | 2014-11-20 | 2016-06-15 | 阿里巴巴集团控股有限公司 | Dynamic display method and device of page filing content |
| CN106843648A (en) * | 2017-01-12 | 2017-06-13 | 北京小度信息科技有限公司 | The control method by sliding of interface element, interface display method and device |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8625150B2 (en) * | 2009-07-24 | 2014-01-07 | Oki Data Corporation | Image processing device and image forming device |
-
2019
- 2019-02-27 CN CN201910147008.3A patent/CN109885306B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102124446A (en) * | 2008-08-08 | 2011-07-13 | 汤姆逊许可证公司 | Method for dynamic banner composition |
| CN105677674A (en) * | 2014-11-20 | 2016-06-15 | 阿里巴巴集团控股有限公司 | Dynamic display method and device of page filing content |
| CN104596501A (en) * | 2015-01-20 | 2015-05-06 | 成都山河空间信息技术有限公司 | Dynamic map location correction method based on mobile geographic information platform |
| CN106843648A (en) * | 2017-01-12 | 2017-06-13 | 北京小度信息科技有限公司 | The control method by sliding of interface element, interface display method and device |
Non-Patent Citations (4)
| Title |
|---|
| banner图的开发;点点稻花香;《CSDN https://blog.csdn.net/tuzhiaichitang/article/details/76613429》;20170803;第1-16页 * |
| 最新Banner（图片轮播）配置使用;弱水三千Y;《CSDN https://blog.csdn.net/lixiang_Y/article/details/70160957》;20170413;第1-3页 * |
| 电商Banner 设计策略研究;陆丽芳;《工业技术与职业教育》;20180325;第83-89页 * |
| 自定义图片轮播（Banner）控件的实现解析;CodeXiaoMai;《CSDN https://blog.csdn.net/xiaomai949804781/article/details/53187165》;20161116;第1-6页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109885306A (en) | 2019-06-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8446411B2 (en) | Adaptive image rendering and use of imposter | |
| US6292168B1 (en) | Period-based bit conversion method and apparatus for digital image processing | |
| JP5290487B2 (en) | System and method for digital document processing | |
| CN108920048B (en) | Large drawing browsing method, system, server and computer readable storage medium | |
| JP2012022695A (en) | Method for digital document processing | |
| CN109542987B (en) | Online map storage method based on Canvas | |
| CN101227554B (en) | Method and system for implementing self-adapting display of set-top box on television | |
| CN110675465B (en) | Method and apparatus for generating image | |
| CN107092655A (en) | Circularly exhibiting method and system for organizing figure in Android widescreen equipment | |
| US8638345B2 (en) | Program generation device, program generation method, and computer-readable storage medium | |
| CN109885306B (en) | Method and system for quickly and efficiently realizing banner dynamic effect | |
| US11763504B2 (en) | Method for displaying electronic price tag, server and storage medium | |
| CN113852858A (en) | Video processing method and electronic equipment | |
| CN105868224A (en) | Picture processing method, equipment and system | |
| CN109618111B (en) | Cloud-shear multi-channel distribution system | |
| CN111159441A (en) | Picture editing method, picture editing apparatus, and computer-readable storage medium | |
| CN112581568B (en) | Dynamic poster generation method, device, server and storage medium | |
| US9229913B2 (en) | Font processing method for maintaining e-document layout | |
| CN109803157A (en) | A kind of sequence frame picture transmission method, system and electronic equipment based on video | |
| CN109710784B (en) | Remote sensing image data space rapid visualization method based on lerc | |
| CN111079399B (en) | Image-text data processing method, image-text data processing device, computer equipment and storage medium | |
| EP2184684A2 (en) | Generating page-oriented data for printing dynamic documents | |
| CN111611043A (en) | Image display method, image display device, electronic equipment and computer readable storage medium | |
| CN114676097A (en) | OFD file processing method, device, equipment and medium | |
| CN117557240B (en) | Method, system, device and storage medium for reading jobs |
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 |