CN105844683A - Pixel difference frame-by-frame animation realization method based on Canvas and WebWorker - Google Patents
Pixel difference frame-by-frame animation realization method based on Canvas and WebWorker Download PDFInfo
- Publication number
- CN105844683A CN105844683A CN201610169268.7A CN201610169268A CN105844683A CN 105844683 A CN105844683 A CN 105844683A CN 201610169268 A CN201610169268 A CN 201610169268A CN 105844683 A CN105844683 A CN 105844683A
- Authority
- CN
- China
- Prior art keywords
- frame
- pixel difference
- pixel
- canvas
- data
- 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 OR CALCULATING; COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to a pixel difference frame-by-frame animation realization method based on Canvas and WebWorker and comprises a pixel difference computing part and a realization part. Pixel difference is obtained by removing identical or similar parts of a front frame or an after frame mainly by means of pixel difference frame-by-frame animation; then the after frame is obtained by reproducing according to the front frame and the pixel difference. Therefore, data will not be lost and resource volume required by loading can also be greatly reduced; the resource volume required by Web frame-by-frame animation is greatly reduced; excellent user experience can be kept under bad network environment.
Description
Technical field
The present invention relates to pixel difference frame-by-frame cartoons, more specifically refer to based on Canvas and WebWorker
The implementation method of pixel difference frame-by-frame cartoons.
Background technology
The main implementation method of present stage Web frame-by-frame cartoons is that each frame picture is merged into one completely
Smart figure, then re-use Web technology (IMG, Canvas, CSS3) and show therein one successively
Part, as shown in Figure of description 1.
The implementation method of current Web frame-by-frame cartoons, can repeat to load in every frame picture same or like
Part, causes realizing needing during more complicated frame-by-frame cartoons to load ample resources, poor in network environment
In the case of, needing the loading waiting time grown very much, Consumer's Experience is very poor.
Therefore, it is necessary to the implementation method developing a kind of new Web frame-by-frame cartoons is moved frame by frame to solve Web
Resource volume needed for picture, improves Consumer's Experience.
Summary of the invention
It is an object of the invention to overcome the defect of prior art, it is provided that based on Canvas and WebWorker
The implementation method of pixel difference frame-by-frame cartoons.
For achieving the above object, the present invention is by the following technical solutions: based on Canvas and WebWorker
The implementation method of pixel difference frame-by-frame cartoons, including step in detail below:
Step 1. calculates pixel difference part, and before and after first loading, then frame picture is obtained by canvas
Front and back the pixel data of frame class array form then arranges allowable error and minimum intercepted length, and parameter sets
Pixel difference group is calculated according to the allowable error value arranged after having put；Cut according to minimum intercepted length
Capture element difference group also obtains positional information array；255alpha value is inserted in the data obtained；?
Pixel difference data is stored as png picture, supplements invalid color dot and recorded position after pixel data
In information data, obtain rear frame also artwork finally according to the data back operation obtained, contrast also artwork
And artwork, to expect if do not met, Reparametrization is until reduction figure meets expection；Additionally work as institute
There is picture to enter Part II after calculating, otherwise calculate frame when pre reduction figure is as former
Figure serves as the front frame next time calculating pixel difference；
Step 2. realizes part, and it is same that first disposal data synthesizes a smart figure all pixel difference pictures
Time all positional information arrays are put in js file, load the smart figure after arranging and relevant bits confidence
Breath data file, opens webworker and restores according to pixel difference picture and corresponding positional information
Original image also uses different methods to realize frame-by-frame cartoons according to practical situation.
Its further technical scheme is: calculating pixel difference in described step 1 is the new features utilizing HTML5
Canvas, Canvas provide getImageData method, can obtain the picture of class array form
Pixel data, be can be obtained by by the difference of the class array form pixel data of frame picture before and after calculating
The pixel of class array form is poor.
Its further technical scheme is: the pixel difference data in described step 1 is stored as png picture and uses
The putImageData method that Canvas provides, carries out pixel difference data to be stored as after some optimize
PNG format also obtains the positional information being correlated with.
Its further technical scheme is: obtain the positional information being correlated with in described step 1, it is necessary first to pick
Remove the consecutive invalid pixel in pixel difference class array, and record rejecting point original position and reject point
Figure place obtains relevant location information；Then the Alpha value front at each pixel is manually inserted into 255,
Thus allow former Alpha value slow astern position become the R value of next pixel；Last in pixel difference class array
Afterbody increases some consecutive invalid pixels, allows the pixel difference PNG picture of all output have identical height
Degree or width, the final smart picture of synthesis.
Its further technical scheme is: in described step 1 by pixel difference reduction original image be storage picture
The reverse operating of element difference.
Its further technical scheme is: in described step 2, pixel difference frame-by-frame cartoons is achieved in that needs
Artwork sheet is stored at certain position, then poor in artwork sheet centre position storage pixel, restore all
Frame-by-frame cartoons is realized the most in a common manner after animation frame.
Its further technical scheme is: in described step 2, being achieved in that of pixel difference frame-by-frame cartoons only needs
Pixel difference data to be stored, then according to sequencing reduces a frame and shows a frame.
The present invention compared with prior art provides the benefit that: the present invention based on Canvas and
The implementation method of the pixel difference frame-by-frame cartoons of WebWorker, mainly utilizes pixel difference frame-by-frame cartoons, rejects
Falling part same or like in before and after's frame, to obtain pixel poor, then according to former frame and pixel difference also
Former go out a later frame, not only will not lose data but also resource volume loading needed for can be greatly decreased, significantly subtract
Resource volume needed for few Web frame-by-frame cartoons, still can keep good in the case of network environment is poor
Good Consumer's Experience.
The invention will be further described with specific embodiment below in conjunction with the accompanying drawings.
Accompanying drawing explanation
Fig. 1 is the final smart picture output signal of the main implementation method of present stage Web frame-by-frame cartoons
Figure；
The pixel difference based on Canvas and WebWorker that Fig. 2 provides for the embodiment of the present invention is moved frame by frame
The structural representation of the implementation method drawn；
The pixel difference based on Canvas and WebWorker that Fig. 3 provides for the embodiment of the present invention is moved frame by frame
The final smart picture output schematic diagram of the implementation method drawn.
Detailed description of the invention
In order to more fully understand the technology contents of the present invention, below in conjunction with specific embodiment to the present invention's
Technical scheme is further described and illustrates, but is not limited to this.
Specific embodiment as shown in Fig. 2-Fig. 3, the present embodiment provide based on Canvas and
The implementation method of the pixel difference frame-by-frame cartoons of WebWorker, can weed out identical in before and after's frame picture or
The part that person is similar, is greatly decreased the resource volume needed for Web frame-by-frame cartoons, can in network environment relatively
Good Consumer's Experience is still kept in the case of difference.
In the present embodiment, frame-by-frame cartoons has another name called stop-motion animation, is a kind of cartoon technique, and its principle is i.e.
Images different for every frame is play continuously, thus produces animation effect.Smart figure has another name called CSS Sprites,
Being a kind of Web page picture application processing mode, it allows you that some fragmentary pictures are merged into a big figure.
HTML5: be revision version up-to-date for HTML, is completed mark by World Wide Web Consortium (W3C) in October, 2014
Quasi-formulation.Canvas: be a part of HTML5, it is allowed to script dynamically renders bit image.CSS3:
It is the latest developments of CSS (Cascading Style Sheets) language.GetImageData:
Canvas 2D API, returns an ImageData object, is used for describing the pixel count in Canvas region
According to.PutImageData:Canvas 2D API, draws the pixel data in ImageData object
To bitmap.PNG: portable network figure (Portable Network Graphics, PNG) is one
Plant the bitmapped graphics format of lossless compress, support index, gray scale, tri-kinds of Color schemes of RGB and Alpha
The characteristics such as passage.Alpha passage: have another name called alpha channel, is the gray channel of 8, and this leads to
Road records transparent information in image by 256 grades of gray scales, defines transparent, opaque and translucent area.
Browser: refer to show the html file content of web page server or file system, and give
User and a kind of software of these file interactions.JAVASCRIPT: a kind of literal translation formula script, be
A kind of regime type, language based on prototype, built-in support class.Array: be on computer programming language
For the Chinese address of Array, Main Function is to use single variable name to store a series of value.
Doubly linked list: be also double linked list, is the one of chained list, has two fingers in its each back end
Pin, is respectively directed to immediate successor and direct precursor.WebWorker: be a part of HTML5, is fortune
The row JAVASCRIPT on backstage, independent of other script, does not interferes with the performance of the page.
The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker, is broadly divided into two
Part: Part I is for calculating pixel difference part, and Part II is for realizing part.Specific as follows:
Step 1. calculates pixel difference part, before before and after first loading, then frame picture is obtained by canvas
The pixel data of rear frame class array form then arranges allowable error and minimum intercepted length, and parameter is arranged
Pixel difference group is calculated according to the allowable error value arranged after completing；Intercept according to minimum intercepted length
Pixel difference group also obtains positional information array；Canvas realization mechanism in order to avoid current browser
The loss of data caused, in addition it is also necessary to insert 255alpha value in the data obtained；For convenience picture
Element difference data is stored as png picture, supplements invalid color dot and recorded positional information after pixel data
In data, obtain rear frame also artwork finally according to the data back operation obtained, contrast also artwork and former
Figure, expects if do not met, Reparametrization is until reduction figure meets expection；Additionally when all figures
Sheet enters Part II after calculating, and otherwise calculates frame filling as artwork when pre reduction figure
The front frame that pixel is poor is calculated when next time.
Step 2. realizes part, and first disposal data synthesizes a smart figure simultaneously all pixel difference pictures
All positional information arrays are put in js file, load the smart figure after arranging and relevant location information
Data file, opens webworker and restores original according to pixel difference picture and corresponding positional information
Picture also uses different methods to realize frame-by-frame cartoons according to practical situation.
The implementation method of above-mentioned pixel difference frame-by-frame cartoons based on Canvas and WebWorker, mainly profit
With pixel difference frame-by-frame cartoons, weeding out part same or like in before and after's frame, to obtain pixel poor, so
Restore a later frame according to former frame and pixel difference afterwards, not only will not lose data but also loading can be greatly decreased
Required resource volume, is greatly decreased the resource volume needed for Web frame-by-frame cartoons, can be in network environment
Good Consumer's Experience is still kept in the case of poor.
More further, for step 1, calculate pixel difference new features Canvas mainly by HTML5,
Canvas provides getImageData method, can obtain the pixel data of the picture of class array form,
Class array form is can be obtained by by the difference of the class array form pixel data of frame picture before and after calculating
Pixel poor.
It addition, be stored as png picture for the pixel difference data in step 1, owing to PNG format is a kind of
Outstanding picture storage format, in order to artwork can not be more than after ensureing the pixel difference data obtained storage,
The putImageData method provided with Canvas is the most still provided, pixel difference data is carried out
It is stored as PNG format after optimization and obtains the positional information being correlated with, the positional information obtaining being correlated with main
Optimization method has as follows:
Firstly the need of the consecutive invalid pixel weeded out in pixel difference class array, and record rejecting point
Original position and a rejecting point figure place obtain relevant location information.
Then Canvas is realized the consideration for performance, at pixel due to present stage browser
Alpha value less than 255 when, there are data between getImageData and putImageData and lose
Lose, in order to prevent loss of data from frame-by-frame cartoons is produced impact, need exist at each pixel
Alpha value front is manually inserted into 255, thus allows former Alpha value slow astern position become next pixel
R value；Finally also need to increase some consecutive invalid pixels at pixel difference class array afterbody, thus allow institute
The pixel difference PNG picture having output has identical height or width, the conjunction of convenient final smart picture
Become.
More than optimize operation be mainly based upon affect PNG picture size because have, the width of PNG picture
Degree and height, in PNG picture in the regularity of distribution of color, PNG picture non-fully transparent pixels point
Number
More further, for step 1, pixel is stored the most exactly by pixel difference reduction original image poor
Reverse operating, but it should be noted that due to reduction pixel difference operation be user access webpage time
User browser is carried out, so and calculating and unlike storage the two operation, go back preimage
Element difference operation needs to consider time factor, it is necessary to improve performance as far as possible；
And the insertion of the JAVASCRIPT array type in browser and deletion action efficiency are the lowest, uncomfortable
Close the operation that reduction pixel this needs of difference calculate in a large number, so it is self-defined double to need exist for realizing one
To list structure, the most also to optimize the search efficiency of this chained list (because reduction pixel difference operation also relates to
And to inquiring about operation in a large number)；Finally cause page card to pause to prevent from calculating in a large number, there is also the need to
Utilize new features WebWorker of HTML5, it is achieved multi-thread programming.
It addition, in step 2, the implementation of pixel difference frame-by-frame cartoons: need to deposit at certain position
Storage artwork sheet, then poor in artwork sheet centre position storage pixel, restore after all animation frame again
Realizing frame-by-frame cartoons in a common manner, the advantage of this method is accurately to control time interval.
In other embodiments, in step 2, the implementation of pixel difference frame-by-frame cartoons is for having only to deposit
Storage pixel difference data, then according to sequencing reduces a frame and shows that a frame, the advantage of this method are
Loading resource is few.
It addition, the present invention uses simple data simulated technological process to be accomplished by
Frame picture before and after being loaded by front and back's frame picture path；
The error amount of permission and minimum intercepted length are set；
The getImageData acquisition figure of Canvas is used after frame picture all loadeds front and back
The pixel data of the class structure of arrays of sheet i.e. the ImageData object of JAVASCRIPT；
The now absolute difference of same position in record a later frame array and in former frame array
More than in the value of the color dot of preset error value to new array of pixels, if ineligible, new
Same position record 0 in array of pixels, if the color value of the color dot being recorded in a later frame is equal to
0 (this color dot i.e. invalid color dot), now should record the color value of former frame (for district
Divide invalid color dot)；
Then by the intercepting figure place preset from the starting position of new array of pixels deletion inactive pixels
Put and record and be intercepted the original position of inactive pixels point and obtain transition pixel difference group；
Owing to browser there will be data to the realization of Canvas alpha value is less than 255 when
The phenomenon lost, so be manually inserted into color value before all alpha positions of transition pixel difference group
255, former alpha value is moved rearwards by a R value becoming next pixel, obtains new transition pixel
Difference group；
Supplement some unnecessary inactive pixels points at new transition pixel difference group afterbody, newly supplement
Invalid color dot be also required to recorded in positional information array thus obtain final pixel difference group and
Final positional information array；
Calculate pixel difference group and whole flow processs of positional information array；
By the putImageData method of Canvas, the pixel difference group png form obtained is deposited
Storage, and the positional information array obtained is placed directly in JAVASCRIPT code；
Owing to allowing to arrange certain error amount when calculating pixel difference, if using artwork meeting all the time
The error that after causing a lot of frame, original naked eyes cannot be differentiated is exaggerated to such an extent as to can with the naked eye differentiate, institute
To have carried out needing after once calculating to serve as, with the rear frame picture of current reduction, the front frame calculated next time
Picture, the error no matter with the presence of how many frames the most only cannot differentiated at last frame naked eyes with guarantee；
Calculate the pixel difference of each frame according to suitable error amount and intercepted length after,
The pixel difference png picture arrived synthesizes a big smart figure；
When realizing pixel difference frame-by-frame cartoons, need first to load pixel difference png spirit figure, Yi Jiwei
Confidence breath JS file；
After resource loaded, respectively according to pixel difference data and corresponding positional information according to
The reverse operating calculating pixel difference restores original image, then takes different modes to realize frame by frame and moves
Draw.
The implementation method of the pixel difference frame-by-frame cartoons based on Canvas and WebWorker of the present invention, main
Pixel difference frame-by-frame cartoons to be utilized, weeding out part same or like in before and after's frame, to obtain pixel poor,
Then restore a later frame according to former frame and pixel difference, not only will not lose data but also can be greatly decreased and add
Resource volume needed for load, is greatly decreased the resource volume needed for Web frame-by-frame cartoons, can be at network
Good Consumer's Experience is still kept in the case of environment is poor.
The above-mentioned technology contents only further illustrating the present invention with embodiment, in order to reader is easier to
Understanding, but do not represent embodiments of the present invention and be only limitted to this, any technology done according to the present invention is prolonged
Stretch or recreate, all being protected by the present invention.Protection scope of the present invention is as the criterion with claims.
Claims (7)
1. the implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker, its feature
It is, including step in detail below:
Step 1. calculates pixel difference part, before before and after first loading, then frame picture is obtained by canvas
The pixel data of rear frame class array form then arranges allowable error and minimum intercepted length, and parameter is arranged
Pixel difference group is calculated according to the allowable error value arranged after completing；Intercept according to minimum intercepted length
Pixel difference group also obtains positional information array；255alpha value is inserted in the data obtained；Picture
Element difference data is stored as png picture, supplements invalid color dot and recorded positional information after pixel data
In data, obtain rear frame also artwork finally according to the data back operation obtained, contrast also artwork and former
Figure, expects if do not met, Reparametrization is until reduction figure meets expection；Additionally when all figures
Sheet enters Part II after calculating, and otherwise calculates frame filling as artwork when pre reduction figure
The front frame that pixel is poor is calculated when next time；
Step 2. realizes part, and it is same that first disposal data synthesizes a smart figure all pixel difference pictures
Time all positional information arrays are put in js file, load the smart figure after arranging and relevant bits confidence
Breath data file, opens webworker and restores according to pixel difference picture and corresponding positional information
Original image also uses different methods to realize frame-by-frame cartoons according to practical situation.
Pixel difference based on Canvas and WebWorker the most according to claim 1 is moved frame by frame
The implementation method drawn, it is characterised in that calculating pixel difference in described step 1 is to utilize that HTML5's is new
Characteristic Canvas, Canvas provides getImageData method, can obtain class array form
The pixel data of picture, just may be used by the difference of the class array form pixel data of frame picture before and after calculating
Poor to obtain the pixel of class array form.
Pixel difference frame-by-frame cartoons based on Canvas and WebWorker the most according to claim 1
Implementation method, it is characterised in that the pixel difference data in described step 1 is stored as png picture Canvas
The putImageData method provided, carries out pixel difference data to be stored as PNG format also after some optimize
Obtain the positional information being correlated with.
Pixel difference frame-by-frame cartoons based on Canvas and WebWorker the most according to claim 3
Implementation method, it is characterised in that obtain the positional information being correlated with in described step 1, it is necessary first to reject
Fall the consecutive invalid pixel in pixel difference class array, and record rejecting point original position and reject some position
Number obtains relevant location information；Then the Alpha value front at each pixel is manually inserted into 255, from
And allow former Alpha value slow astern position become the R value of next pixel；Last at pixel difference class array tail
Portion increases some consecutive invalid pixels, allows the pixel difference PNG picture of all output have identical height
Or width, the final smart picture of synthesis.
Pixel difference frame-by-frame cartoons based on Canvas and WebWorker the most according to claim 4
Implementation method, it is characterised in that in described step 1 by pixel difference reduction original image be storage
The reverse operating of pixel difference.
Pixel difference frame-by-frame cartoons based on Canvas and WebWorker the most according to claim 1
Implementation method, it is characterised in that in described step 2, pixel difference frame-by-frame cartoons is achieved in that needs exist
Certain position storage artwork sheet, then poor in artwork sheet centre position storage pixel, restore all dynamic
Frame-by-frame cartoons is realized the most in a common manner after drawing frame.
Pixel difference frame-by-frame cartoons based on Canvas and WebWorker the most according to claim 1
Implementation method, it is characterised in that in described step 2 pixel difference frame-by-frame cartoons is achieved in that only need
Pixel difference data to be stored, then according to sequencing reduces a frame and shows a frame.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610169268.7A CN105844683B (en) | 2016-03-23 | 2016-03-23 | The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker |
| HK16110076.8A HK1222031B (en) | 2016-08-24 | Implementation method of frame by frame animation of pixel difference based on canvas and webworker |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610169268.7A CN105844683B (en) | 2016-03-23 | 2016-03-23 | The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105844683A true CN105844683A (en) | 2016-08-10 |
| CN105844683B CN105844683B (en) | 2019-02-05 |
Family
ID=56582926
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610169268.7A Active CN105844683B (en) | 2016-03-23 | 2016-03-23 | The implementation method of pixel difference frame-by-frame cartoons based on Canvas and WebWorker |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105844683B (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108255546A (en) * | 2016-12-29 | 2018-07-06 | 腾讯科技（北京）有限公司 | A kind of implementation method and device of data loading animation |
| CN108540799A (en) * | 2018-05-16 | 2018-09-14 | 重庆堂堂网络科技有限公司 | It is a kind of can be with the compression method of difference between one video file two field pictures of Precise Representation |
| CN108874829A (en) * | 2017-05-12 | 2018-11-23 | 腾讯科技（深圳）有限公司 | Processing method, device, smart machine and the computer storage medium of webpage |
| CN110853122A (en) * | 2019-11-07 | 2020-02-28 | 网易（杭州）网络有限公司 | Animation generation method, animation generation device and storage medium |
| CN112333521A (en) * | 2020-11-05 | 2021-02-05 | 杭州米络星科技(集团)有限公司 | Expression playing method and device, electronic equipment and computer readable storage medium |
| CN112507260A (en) * | 2020-12-15 | 2021-03-16 | 平安国际智慧城市科技股份有限公司 | Webpage loading method and device, electronic equipment and computer readable storage medium |
| CN113496537A (en) * | 2021-07-07 | 2021-10-12 | 网易（杭州）网络有限公司 | Animation playing method and device and server |
| CN114092607A (en) * | 2020-08-10 | 2022-02-25 | 深圳市万普拉斯科技有限公司 | Image animation display method, device, computer equipment and storage medium |
| CN120355821A (en) * | 2025-03-19 | 2025-07-22 | 广东量子起源科技有限公司 | Three-dimensional virtual animation design interaction system |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070030365A1 (en) * | 2005-08-03 | 2007-02-08 | Micron Technology, Inc. | Correction of cluster defects in imagers |
| CN102663720A (en) * | 2012-03-31 | 2012-09-12 | 哈尔滨工业大学 | Image splicing method based on minimum mean square error criterion |
-
2016
- 2016-03-23 CN CN201610169268.7A patent/CN105844683B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070030365A1 (en) * | 2005-08-03 | 2007-02-08 | Micron Technology, Inc. | Correction of cluster defects in imagers |
| CN102663720A (en) * | 2012-03-31 | 2012-09-12 | 哈尔滨工业大学 | Image splicing method based on minimum mean square error criterion |
Non-Patent Citations (1)
| Title |
|---|
| 居全伟: "Flash逐帧动画的表现技法", 《才智》 * |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108255546B (en) * | 2016-12-29 | 2021-09-24 | 腾讯科技（北京）有限公司 | A method and device for realizing data loading animation |
| CN108255546A (en) * | 2016-12-29 | 2018-07-06 | 腾讯科技（北京）有限公司 | A kind of implementation method and device of data loading animation |
| CN108874829A (en) * | 2017-05-12 | 2018-11-23 | 腾讯科技（深圳）有限公司 | Processing method, device, smart machine and the computer storage medium of webpage |
| CN108540799B (en) * | 2018-05-16 | 2022-06-03 | 重庆堂堂网络科技有限公司 | Compression method capable of accurately representing difference between two frames of images of video file |
| CN108540799A (en) * | 2018-05-16 | 2018-09-14 | 重庆堂堂网络科技有限公司 | It is a kind of can be with the compression method of difference between one video file two field pictures of Precise Representation |
| CN110853122A (en) * | 2019-11-07 | 2020-02-28 | 网易（杭州）网络有限公司 | Animation generation method, animation generation device and storage medium |
| CN110853122B (en) * | 2019-11-07 | 2024-02-06 | 网易（杭州）网络有限公司 | Animation generation method, device and storage medium |
| CN114092607A (en) * | 2020-08-10 | 2022-02-25 | 深圳市万普拉斯科技有限公司 | Image animation display method, device, computer equipment and storage medium |
| CN112333521A (en) * | 2020-11-05 | 2021-02-05 | 杭州米络星科技(集团)有限公司 | Expression playing method and device, electronic equipment and computer readable storage medium |
| CN112507260A (en) * | 2020-12-15 | 2021-03-16 | 平安国际智慧城市科技股份有限公司 | Webpage loading method and device, electronic equipment and computer readable storage medium |
| CN113496537A (en) * | 2021-07-07 | 2021-10-12 | 网易（杭州）网络有限公司 | Animation playing method and device and server |
| CN113496537B (en) * | 2021-07-07 | 2023-06-30 | 网易（杭州）网络有限公司 | Animation playing method, device and server |
| CN120355821A (en) * | 2025-03-19 | 2025-07-22 | 广东量子起源科技有限公司 | Three-dimensional virtual animation design interaction system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105844683B (en) | 2019-02-05 |
| HK1222031A1 (en) | 2017-06-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105844683A (en) | Pixel difference frame-by-frame animation realization method based on Canvas and WebWorker | |
| CN105302550B (en) | The page is switched to the method and system of format data stream file | |
| US6903751B2 (en) | System and method for editing electronic images | |
| WO2011052117A1 (en) | Image file generation device, image processing device, image file generation method, image processing method, and data structure for image files | |
| WO2011013263A1 (en) | Image file generation device, image processing device, image file generation method, and image processing method | |
| JP5368254B2 (en) | Image file generation device, image processing device, image file generation method, image processing method, and data structure of image file | |
| US11455502B2 (en) | Learning device, classification device, learning method, classification method, learning program, and classification program | |
| CN106095437A (en) | The implementation method of the layout type of user interface RTL from right to left and device | |
| JP2022160662A (en) | Character recognition method, device, equipment, storage medium, smart dictionary pen and computer program | |
| CN109658485B (en) | Webpage animation drawing method, device, computer equipment and storage medium | |
| CN109964204A (en) | For handling the method and system of figure | |
| US12242452B2 (en) | Text-based machine learning extraction of table data from a read-only document | |
| CN106934058A (en) | Vector data read method and system, vector data method for visualizing and system | |
| JP2011090648A (en) | Image processing device and image processing method | |
| GB2524047A (en) | Improvements in and relating to rendering of graphics on a display device | |
| US11868790B2 (en) | One-to-many automatic content generation | |
| CN114745570A (en) | Image rendering method, electronic device and storage medium | |
| CN114898015A (en) | Image generation method and device, electronic equipment and storage medium | |
| CN114049424A (en) | A method for efficient text rendering and display based on 3D rendering engine | |
| CN102122361B (en) | Variable area-based page assembly method and system | |
| CN112416340A (en) | Webpage generation method and system based on sketch | |
| CN116977232A (en) | Image processing method, device, product, equipment and medium | |
| CN113033173A (en) | Streaming document picture loading method and device, electronic equipment and storage medium | |
| CN106650716A (en) | Identification method and device for computer font | |
| US12443420B2 (en) | Automatic image conversion |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1222031 Country of ref document: HK |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |