WebGL-based 3D rendering system and method

Abstract

The invention discloses a WebGL-based 3D rendering system and method, and the system comprises a scene object library, a special effect library, an animation frame library, a rectangular calculation library, a graphical user interface library, and an auxiliary module library. The scene object library comprises a scene object module, a light object module, a camera object module, a material object module, a particle object module, a model object module and a texture object module; the animation framework library comprises a skin animation module and a skeleton animation module; the rectangular calculation library comprises a vector calculation module and a model bounding box calculation module. According to the invention, a middleware mechanism is provided for a user, so the user can quickly develop an interactive three-dimensional graphic application without knowing bottom details; meanwhile, the method also supports GLSL 300es, does not need to be loaded, and can be directly called; a user can perform development without being familiar with a knowledge system related to computer graphics, so that the use difficulty is reduced, and the development period is shortened; the development efficiency is improved, and the development cost is reduced.

Description

technical field [0001] The present invention relates to a 3D rendering system, in particular to a WebGL-based 3D rendering system and method. Background technique [0002] WebGL (Web Graphics Library) is a 3D drawing protocol. This drawing technology standard allows the combination of JavaScript and OpenGL ES 2.0. By adding a JavaScript binding of OpenGL ES 2.0, WebGL can provide hardware 3D accelerated rendering for HTML5Canvas. In this way, 3D scenes and models can be displayed more smoothly in the browser. It realizes the production of Web interactive 3D animation through HTML script itself, without any browser plug-in support. Moreover, it uses the underlying graphics hardware acceleration function for graphics rendering, which is realized through a unified, standard, cross-platform OpenGL interface. [0003] The interface exposed by the existing WebGL is relatively low-level, and it is necessary to be familiar with the relevant knowledge system of computer graphics to...

AI Technical Summary

Problems solved by technology

[0003] The interface exposed by the existing WebGL is relatively low-level, and it is necessary to be familiar with the relevant knowledge system of computer graphics to engage in related development, which is very difficult to use and has a long development cycle; The needs of developers to develop 3D functions; the disadvantages of existing technologies include high development costs, low efficiency, and long cycle times

Images