Secrets of GPU acceleration technology

Document directory

• 1.1 The underlying layer relies on FBO Technology
• 1.2 GPU acceleration implementation in chrome
• 2.1.
• 2.3 example Program

1. The underlying layer of browser hardware acceleration 1.1 relies on FBO Technology

 FBOThe full name is frame buffer object. Similar to the system's default frame buffer, FBO also has three buffers: color, stencel, and depth. FBO supports rendering OpenGL to a specified buffer zone. It can be texture object or render buffer object. Texture is often used as the color buffer of FBO, and the texture bound to FBO is used for drawing later.

FBO details see: http://blog.csdn.net/dizuo/article/details/8364003

1.2 GPU acceleration implementation in chrome

Chrome is based on the multi-process mode and has a gpuprocess. Each tab has a process. The tab process has a thread dedicated to communicating with the GPU process. Chrome internally divides web page painting into many tile (tiles), which are drawn in units of tiles. Each tile is the result of FBO painting (these are my understanding ).

GPU acceleration details in chrome: http://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome

1.3 easy to implement AA

Compared with the default frame buffer of OpenGL, FBO-based rendering has the following advantages: some graphics cards supportMultiple sampling for AA(Anti-aliasing), PC-side graphics cards are almost all supported, not standard on mobile phones, opengles2.0/glext. H has a similar macro definition gl_multisample_buffer_bit0_qcom, only for Qualcomm GPU support.

2. Image Processing GPU framework 2.1.

Image art effect processing is a non-Realistic RenderingNon-Photorealistic Rendering)Category, no light, or even a simple 2D range operation.

2.2 GPU Image Processing framework: FBO + fragment shader

Based on this framework, the artistic effect is achieved through writingFragment shaderScript control. Basic Image Processing: Gaussian blur, edge detection, Sobel operator, bilinear fuzzy processing, and Laplace transformation.

2.3 example Program

OpenGL super Collection [http://www.starstonesoftware.com/OpenGL/fourthEdition.htm]

The imageproc example in section 17th is as follows:Sb-winsrc \ examples \ SRC \ chapt17 \ imageproc

2.4 others

The Manga Camera application on iOS makes the cartoon effect of images classic:

Photos, processing, sharing, storage-related apps in recent years is very popular: http://www.36kr.com/p/200371.html? Ref = related