This article introduces Kivy, an open‑source Python framework for building cross‑platform graphical user interfaces, outlines its core features, provides step‑by‑step installation instructions, and shares personal insights on why developers often choose Kivy over other UI toolkits.
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.
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.
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.
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.
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.
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.
This article reviews the evolution of data visualization from early charts to modern interactive graphics, analyzes major visualization categories and schools of thought, discusses technical challenges and emerging web and graphics technologies, and highlights the role of visualization in big‑data analytics and BI solutions.
This article explains the fundamentals of texture mapping in OpenGL ES, covering texture objects, mapping theory, texture coordinates, wrapping modes, filtering techniques, texture units, and provides practical guidance for implementing these concepts in graphics applications.
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.
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.
This article explains the background, principles, and implementation steps for using Android's drawFunctor to inject custom OpenGL rendering into the RenderThread, including C++ and Java code, handling state preservation, view transformations, context loss, and performance benefits demonstrated by memory and CPU usage comparisons.
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.
This article details Youku's technical approach to rendering bullet‑screen pass‑through on mobile devices, covering cloud‑based and on‑device segmentation pipelines, GPU‑accelerated rendering steps, performance optimizations, and engineering challenges to deliver seamless immersive viewing.
This article provides a detailed technical analysis of GPUImage2’s pipeline architecture, explaining the core concepts, operator overloads, internal relationships such as TargetContainer and SourceContainer, framebuffer management, OpenGL ES integration, and thread‑dispatch mechanisms, all illustrated with Swift code examples and diagrams.
This article explains what shaders are, how they run on the GPU, and walks through each stage of the OpenGL graphics pipeline—from vertex processing to rasterization, fragment shading, and alpha testing—providing a comprehensive foundation for graphics programming.
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.
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.
This article reveals the technical design of Youku's high‑performance danmaku rendering engine, covering its background, industry landscape, GPU‑based rendering pipeline, multi‑layer architecture, performance‑boosting techniques, real‑world benchmarks, and the innovative effects it enables.
This article provides a comprehensive overview of WebRTC video rendering across major platforms, detailing the pipelines and rendering technologies such as OpenGL, Metal, Vulkan, and Direct3D, and explains how these APIs are employed on iOS, Android, macOS, and Windows for efficient real‑time video playback.
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.
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.
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.
This article explains how to bypass the costly GPU‑CPU‑GPU copy when using Flutter external textures by leveraging CVPixelBuffer's shared memory mechanism, detailing the underlying engine changes, registration and rendering steps, code implementation, and a demo that achieves smooth 60 FPS rendering.
This article explains how to convert a series of images into a video on Android, compares two processing pipelines, and details the implementation of custom OpenGL transition effects—including slide, pixelation, ripple, and random‑grid—using MediaCodec and shader programs.
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.
This comprehensive guide walks developers through OpenGL fundamentals—including contexts, framebuffers, attachments, textures, vertex and index buffers, shader programs, per‑fragment operations, and buffer swapping—providing clear explanations and visual diagrams to help beginners grasp modern graphics programming.
This article explains step‑by‑step how to create a simple AR scene where a virtual cube emerges from the ground and its top surface displays real‑time camera texture, covering model creation, texture binding, MVP matrix transformations, clipping to UV space, and handling of skeletal animation to achieve seamless environment‑aware rendering.
This article explains what a GPU (Graphics Processing Unit) is, why it differs from a CPU, how it is used through graphics and compute APIs, and explores GPU virtualization techniques such as virtual GPUs, passthrough, and vGPU architectures.
ZoomAI is an AI‑driven video enhancement platform that combines modular super‑resolution, denoising, sharpening, color correction, and scratch removal techniques, offering both cloud and mobile SDK solutions for restoring old footage, improving streaming content, and boosting visual quality across devices.
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.
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.
This guide explains how to decode a video, render a watermark with OpenGL, re‑encode the frames, and mux them into a new file on Android, covering texture types, viewport positioning, blending, and the required MediaCodec and MediaMuxer code.
This guide explains how to convert video stream data into individual bitmap images on Android by using SurfaceTexture to receive decoded frames, OpenGL to render them as external textures, and glReadPixels to capture the RGBA data for saving as PNG files.
A detailed case study reveals that leaking file descriptors in Android, especially from SoundPool, exhaust the 1024‑FD limit on Adreno GPUs, causing OpenGL swap buffer failures and a variety of crashes, and shows how proper FD management resolves the issue.
