Method and device for realizing animation effect

A technology of animation effects and implementation methods, applied in the field of data processing, can solve the problems of inability to achieve animation effects and inability to animate effects on the H5 side

Active Publication Date: 2021-08-31
TENCENT TECH (SHENZHEN) CO LTD
View PDF5 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0002] At present, both ios (Apple's mobile operating system) and android (Google's mobile operating system) can achieve animation effects, but Hyper Text Markup Language 5 (Hyper Text Markup Language5, H5) can not achieve animation effects. , the main reason is that both ios and android provide native map capabilities, and animation effects can be achieved by directly relying on the relevant application programming interface (Application Programming Interface, API), while the H5 end does not provide such an interface, so the H5 end Unable to rely on related interfaces to achieve animation effects

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and device for realizing animation effect
  • Method and device for realizing animation effect
  • Method and device for realizing animation effect

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0023] like figure 2 As shown, the method of the present embodiment includes the following steps:

[0024] Step 201, drawing an SVG line according to the root data source;

[0025] SVG is a graphic format based on Extensible Markup Language (XML), which is used to describe two-dimensional vector graphics. It is developed by the World Wide Web Consortium and is an open standard. SVG strictly follows the XML syntax and uses a descriptive language in text format to describe image content, so it is a vector graphics format that has nothing to do with image resolution, and vector graphics use points and lines to describe objects, so the files will be relatively small, and at the same time It can also provide a high-definition picture, which is suitable for direct printing or output, so this embodiment will draw an SVG line according to the root data source. The specific drawing method can be as follows:

[0026] (1) Plan a custom route according to the root data source;

[002...

Embodiment 2

[0051] The method described in Embodiment 1, this embodiment will give an example for further detailed description, such as image 3 As shown, the method of the present embodiment includes:

[0052] Step 301, planning a custom route according to the root data source;

[0053] That is to plan an animation line directly based on the data provided by the root data source.

[0054] Step 302, obtaining the geographical coordinates of the starting point, each inflection point and the end point of the self-defined route to form a geographical point set;

[0055] Geographical coordinates, that is, the spherical coordinates representing the position of the ground point by longitude and latitude, and the geographical point set includes the geographical coordinates of the starting point, each inflection point and the end point of the self-defined route.

[0056] Step 303, draw an SVG line on the map according to the geographical point set;

[0057] In the specific imple...

Embodiment 3

[0090] In order to better implement the above method, the embodiment of the present invention also provides an animation effect realization device, such as Figure 4 As shown, the device of this embodiment includes: a drawing unit 401, a point set forming unit 402 and an animation realization unit 403, as follows:

[0091] (1) Drawing unit 401;

[0092] The drawing unit 401 is used to draw the SVG line according to the root data source.

[0093] SVG is a graphic format based on Extensible Markup Language (XML), which is used to describe two-dimensional vector graphics. It is developed by the World Wide Web Consortium and is an open standard. SVG strictly follows the XML syntax and uses a descriptive language in text format to describe image content, so it is a vector graphics format that has nothing to do with image resolution, and vector graphics use points and lines to describe objects, so the files will be relatively small, and at the same time It can also provid...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The embodiment of the present invention discloses a method and device for realizing an animation effect, wherein the method for realizing an animation effect includes: drawing a scalable vector graphics SVG line according to the root data source; Plane coordinates to form a plane point set; add transition attributes to the custom object, and set the transition time, so that the custom object follows the transition between adjacent points of the SVG line according to the plane point set Continuous motion over time to form animation effects, and the embodiments of the present invention can realize animation effects without relying on related interfaces.

Description

technical field [0001] The embodiments of the present invention relate to the technical field of data processing, and in particular to a method and device for realizing animation effects. Background technique [0002] At present, both ios (Apple's mobile operating system) and android (Google's mobile operating system) can achieve animation effects, but Hyper Text Markup Language 5 (Hyper Text Markup Language5, H5) can not achieve animation effects. , the main reason is that both ios and android provide native map capabilities, and animation effects can be achieved by directly relying on the relevant application programming interface (Application Programming Interface, API), while the H5 end does not provide such an interface, so the H5 end It is not possible to rely on related interfaces to achieve animation effects. Contents of the invention [0003] In view of this, embodiments of the present invention provide a method and device for realizing animation effects, which c...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Patents(China)
IPC IPC(8): G06T13/80
CPCG06T13/80
Inventor 陈翔
Owner TENCENT TECH (SHENZHEN) CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap