Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Animation generation method and device based on WEBGL

A technology for animation and generation of modules, which is used in animation production, image data processing, instruments, etc.

Inactive Publication Date: 2019-07-26
CHENGDU SEFON SOFTWARE CO LTD
View PDF6 Cites 11 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The purpose of the present invention is to provide a WEBGL-based animation generation method and device for the deficiencies in the above-mentioned prior art, so as to solve the problem in the prior art that a similar animation effect or a combination of multiple animations needs to be implemented in a coded form

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
  • Animation generation method and device based on WEBGL
  • Animation generation method and device based on WEBGL
  • Animation generation method and device based on WEBGL

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0032] In order to make the purpose, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments It is a part of embodiments of the present invention, but not all embodiments.

[0033] Glossary:

[0034] WEBGL: It is a 3D drawing protocol. The WebGL program includes control codes written in JavaScript and shading codes written in OpenGL Shading Language (GLSL) and executed in Graphics Processing Unit (GPU). .

[0035] Three.js: It is an easy-to-use and lightweight webpage 3D graphics library based on the WEBGL standard, and it is a 3D engine running in the browser.

[0036] figure 1 A schematic flow chart of an animation generation method based on WEBGL provided by the present invention; figure 1 As shown, the method in...

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 invention provides an animation generation method and device based on WEBGL, and relates to the field of computer graphic images. The WEBGL-based animation generation method comprises the steps ofobtaining an animation segment scheduling instruction, wherein the animation segment scheduling instruction is used for indicating a to-be-called target animation segment and a time sequence of eachtarget animation segment; calling a target animation segment from an animation segment library according to the animation segment scheduling instruction; and giving a time sequence corresponding to the target animation segment, and generating a WEBGL-based animation. When the animation segments are redeveloped, the target animation segments can be called according to various animation segments pre-stored in the cartoon segment library and actual requirements, and the animation segments are connected according to the corresponding time sequence, so that the advantage that the same animation segments are directly called during secondary use is achieved, and redevelopment is not needed.

Description

technical field [0001] The invention relates to the technical field of computer graphics and images, in particular to a WEBGL-based animation generation method and device. Background technique [0002] WEBGL (Web Graphics Library) is a 3D drawing protocol. WEBGL elements can be added to other HTML5 elements and mixed with other parts of the webpage or webpage background. It can be used to create website pages with complex 3D structures, such that front-end development Personnel can use the system graphics card to more smoothly display 3D scenes and models in the browser, and create complex navigation and data visualization. [0003] In the prior art, when making and implementing the animation system under the WEBGL framework, it needs to be implemented through program code editing. When similar animation effects or multiple animation combinations appear, it must also be implemented through code reconstruction. [0004] When this animation visual effect is implemented in the...

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
IPC IPC(8): G06T13/20
CPCG06T13/20
Inventor 徐祥罗斌王国玉吴星国
Owner CHENGDU SEFON SOFTWARE CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products