BestHub
Sign in
Tag

OpenGL

0 views collected around this technical thread.

Bilibili Tech
Bilibili Tech
Jul 2, 2024 · Game Development

Character Rendering with FreeType and OpenGL: Bitmap Font Generation, Texture Creation, and Caching Mechanism

The article explains how to use FreeType to load and render font glyphs into bitmaps, upload those bitmaps as OpenGL textures, render them with texture coordinates, and employ a bitmap cache and fixed‑size texture atlas to efficiently manage and reuse character images in a fast double‑buffered text rendering pipeline.

CachingFreeTypeGraphics Programming
0 likes · 8 min read
Character Rendering with FreeType and OpenGL: Bitmap Font Generation, Texture Creation, and Caching Mechanism
Baidu Geek Talk
Baidu Geek Talk
Apr 15, 2024 · Frontend Development

Transparent Video Visual Enhancement Scheme for Front-End Development

The growth front‑end team’s transparent‑video visual enhancement scheme uses split‑RGB/alpha MP4s cached as blobs in IndexedDB and rendered via OpenGL, delivering high‑fidelity, low‑size animations with transparent backgrounds, cutting development time by 75 % and achieving 30‑60 fps performance.

OpenGLPerformancePreloading
0 likes · 8 min read
Transparent Video Visual Enhancement Scheme for Front-End Development
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Nov 27, 2023 · Mobile Development

Understanding Android HWUI, Skia, and OpenGL Rendering Pipeline

The article explains Android’s graphics pipeline by detailing how HWUI and Skia translate view operations into OpenGL ES commands, describing RenderThread stages such as synchronization, dirty‑region calculation, buffer handling, and drawing, and comparing mobile GPU architectures like TBR, TBDR, and IMR.

AndroidGPUHWUI
0 likes · 13 min read
Understanding Android HWUI, Skia, and OpenGL Rendering Pipeline
Ctrip Technology
Ctrip Technology
Nov 9, 2023 · Mobile Development

Using Native Android and iOS APIs to Add Transition Effects and Encode Images into Video

This article explains the fundamentals of audio‑video concepts and demonstrates how to use Android's MediaCodec, EGL, MediaMuxer and iOS's AVAssetWriter, GPUImage, and related native APIs to render OpenGL transition effects on images and combine them with audio into a final video file.

AVFoundationAndroidMediaCodec
0 likes · 23 min read
Using Native Android and iOS APIs to Add Transition Effects and Encode Images into Video
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Jun 28, 2023 · Artificial Intelligence

ShaderNN 2.0: A Lightweight Mobile Deep Learning Inference Engine with OpenGL and Vulkan Support

ShaderNN 2.0 is a lightweight mobile deep learning inference engine supporting OpenGL and Vulkan, offering texture‑based zero‑copy I/O, hybrid shader implementation, and achieving significant latency and power reductions versus TensorFlow Lite and MNN, thereby enabling real‑time graphics‑AI tasks such as style transfer, denoising, super‑sampling, and Stable Diffusion on smartphones.

GPU shaderOpenGLShaderNN
0 likes · 16 min read
ShaderNN 2.0: A Lightweight Mobile Deep Learning Inference Engine with OpenGL and Vulkan Support
DaTaobao Tech
DaTaobao Tech
May 17, 2023 · Frontend Development

Introduction to 3D Rendering Technologies: OpenGL, OpenGL ES, WebGL, and Front‑End Engines

The article introduces core 3D rendering concepts, tracing the evolution from desktop OpenGL to mobile OpenGL ES and its JavaScript counterpart WebGL, explains GLSL shader programming, reviews common model formats like OBJ and FBX, highlights front‑end engines such as Three.js, compares rasterization with ray tracing, and mentions modeling tools and emerging AI‑driven techniques.

3D renderingGLSLOpenGL
0 likes · 11 min read
Introduction to 3D Rendering Technologies: OpenGL, OpenGL ES, WebGL, and Front‑End Engines
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 29, 2022 · Fundamentals

Understanding OpenGL Buffer Objects and VBO Optimization

This article explains the concept of OpenGL objects, focuses on common buffer objects such as VBO, VAO, and EBO, describes how they reduce CPU‑GPU transfer costs, and provides detailed code examples for creating, configuring, and rendering with Vertex Buffer Objects to improve graphics performance.

Buffer ObjectsGPUGraphics Programming
0 likes · 18 min read
Understanding OpenGL Buffer Objects and VBO Optimization
Ctrip Technology
Ctrip Technology
Sep 22, 2022 · Mobile Development

Using OpenGL ES for Image Transition Effects in Mobile Video Editing

This article introduces the role of OpenGL ES in mobile video editing, explains why it is preferred over Vulkan, details the rendering pipeline and GLSL shader programming, and provides step‑by‑step Android code for implementing image transition effects and combining multiple transitions.

AndroidGLSLOpenGL
0 likes · 24 min read
Using OpenGL ES for Image Transition Effects in Mobile Video Editing
Baidu Geek Talk
Baidu Geek Talk
Jul 11, 2022 · Operations

Technical Overview of Baijiahao Video Rendering and Composition Using After Effects

Baijiahao’s text‑to‑video pipeline now relies on After Effects for rendering and composition, using standardized templates, JavaScript‑based AE scripts, and aerender command‑line features such as reuse, multi‑frame and network rendering to achieve rich visual effects with lower R&D cost, though browser preview and cross‑platform deployment remain limited.

After EffectsAutomationFFmpeg
0 likes · 18 min read
Technical Overview of Baijiahao Video Rendering and Composition Using After Effects
Kuaishou Large Model
Kuaishou Large Model
Jan 7, 2022 · Mobile Development

How to Cut Mobile Texture Memory by 75% with Macro‑Block Compression

This article presents a macro‑block based texture compression technique that removes hollow (alpha‑zero) regions from textures, dramatically reduces memory usage on mobile devices, and restores the original visual quality during rendering, even after video encoding.

Memory OptimizationOpenGLVideo Encoding
0 likes · 11 min read
How to Cut Mobile Texture Memory by 75% with Macro‑Block Compression
Sohu Tech Products
Sohu Tech Products
Dec 15, 2021 · Mobile Development

Implementing a Naked‑Eye 3D Effect on Android with OpenGL

This article explains how to create a naked‑eye 3D visual effect in an Android app by splitting an image into three layers, using OpenGL for GPU‑accelerated rendering, registering device sensors to track rotation, applying matrix transformations, and smoothing sensor noise with a low‑pass filter.

3DAndroidOpenGL
0 likes · 14 min read
Implementing a Naked‑Eye 3D Effect on Android with OpenGL
TAL Education Technology
TAL Education Technology
Oct 21, 2021 · Mobile Development

Implementation of a Lightweight Real-Time Face Sticker for Live Streaming on iOS

This article details the design and implementation of a low‑overhead face‑sticker solution for live‑streaming iOS apps, covering technical requirements, chosen libraries, JSON sticker format, 3D transformation pipelines, landmark smoothing, Euler‑angle handling, and the resulting performance advantages.

AR FiltersGPUImageLive Streaming
0 likes · 15 min read
Implementation of a Lightweight Real-Time Face Sticker for Live Streaming on iOS
Xianyu Technology
Xianyu Technology
Jul 27, 2021 · Mobile Development

Chaplin Project: Template‑Based Dynamic Image‑to‑Video Rendering

Chaplin Project replaces costly image‑to‑video synthesis on Xianyu by using centrally managed, OpenGL‑shader templates that combine product images with dynamic effects at playback, supported by a visual editor, resource platform, recommendation engine, and multi‑threaded client architecture, delivering richer browsing while conserving resources.

MultithreadingOpenGLTemplate Engine
0 likes · 9 min read
Chaplin Project: Template‑Based Dynamic Image‑to‑Video Rendering
Liulishuo Tech Team
Liulishuo Tech Team
Jul 23, 2020 · Game Development

Integrating Video Rendering into the Cocos Engine: Multi‑threaded OpenGL and Audio/Video Pipeline on Android

This article explains how the Liulishuo team leveraged the Cocos game engine to render video directly, managed OpenGL contexts across multiple threads, and built a reusable audio‑video processing pipeline for Android, detailing challenges, design decisions, and implementation solutions.

AndroidGame developmentMultithreading
0 likes · 9 min read
Integrating Video Rendering into the Cocos Engine: Multi‑threaded OpenGL and Audio/Video Pipeline on Android
Amap Tech
Amap Tech
Aug 6, 2019 · Fundamentals

Off‑Screen Rendering Optimization for Car Navigation Maps Using Anti‑Aliasing FBO

By employing off‑screen rendering with an anti‑aliased Frame Buffer Object for stable map views such as the eagle‑eye mini‑map, the car navigation engine dramatically cuts CPU load and eliminates frame‑rate drops, reusing a single texture and following a concise FBO creation, rendering, resolve, and discard workflow.

CarNavigationFBOOffScreenRendering
0 likes · 8 min read
Off‑Screen Rendering Optimization for Car Navigation Maps Using Anti‑Aliasing FBO
Xianyu Technology
Xianyu Technology
Aug 21, 2018 · Mobile Development

Flutter External Texture Rendering and Optimization

Flutter reduces CPU/GPU overhead in multi‑video calls by separating drawing from presentation, using a unified LayerTree and external textures that share OpenGL contexts between Flutter and native code, allowing direct Skia rendering of native pixel buffers on iOS and Android with significantly lower latency and memory use.

AndroidFlutterOpenGL
0 likes · 13 min read
Flutter External Texture Rendering and Optimization
Tencent Cloud Developer
Tencent Cloud Developer
Jun 21, 2018 · Mobile Development

Implementing Shift-and-Blend Video Effects with OpenGL Shaders

In this article, Tencent engineer Chang Qing explains the biology‑inspired “Shift‑and‑Blend” video effect—separating RGB channels, scaling and translating each, then alpha‑blending them—while detailing a normalized coordinate system, the required scaling/translation operations, and a high‑performance OpenGL fragment shader implementation for real‑time video processing, with links to demo and source code.

GLSLOpenGLShader
0 likes · 9 min read
Implementing Shift-and-Blend Video Effects with OpenGL Shaders