This article walks through the fundamentals of GLSL fragment shaders, comparing them to Canvas 2D drawing, explaining gl_FragColor, and providing step‑by‑step code examples for solid colors, linear and radial gradients, glowing rings, and diagonal line effects, all illustrated with images.
APNG, a high‑quality animated PNG format offering 24‑bit color and 8‑bit alpha transparency, outperforms GIF in visual fidelity and file size, and on Android can be parsed and rendered via MappedByteBuffer and SurfaceView using background threads to load frames from memory, eliminating I/O lag and UI blocking.
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.
This tutorial explains how to transfer a Bitmap from Java to the native layer using the NDK, retrieve its pixel data with jnigraphics, create and configure an OpenGL texture, set up vertex and fragment shaders with proper texture coordinates, handle Y‑axis flipping on Android, and finally blend multiple textures for advanced rendering effects.
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 provides a comprehensive guide to WebGL1 shaders, explaining the roles of vertex and fragment shaders, GLSL syntax, storage qualifiers, precision, control structures, and demonstrates rendering a 3D cube with indexed drawing and reusable utility functions.
This article provides a comprehensive overview of WebGL, explaining its relationship to OpenGL ES, the structure of WebGL programs, shader programming (vertex and fragment shaders), storage qualifiers, a step‑by‑step colored‑triangle example, the rendering pipeline, and practical texture‑mapping techniques with code samples.
This article walks readers through the fundamentals of WebGL and OpenGL ES, explaining how JavaScript can drive hardware‑accelerated 3D graphics in browsers, covering rendering pipelines, shader basics, and the relationship between GPU, CPU, and modern web development.
This tutorial provides a complete Python‑turtle script that recreates the popular “What Is Peiqi?” movie mascot, explains each drawing step—from nose and eyes to body and tail—shows how to run the program, and displays the final illustration, all without any promotional content.
This article explains how programmable shaders running on the GPU form the foundation of modern graphics rendering, and demonstrates step‑by‑step how to replace a large transparent PNG background, create animated particle effects, and draw complex patterns directly with GLSL in WebGL, resulting in smaller, more dynamic, and faster web pages.
