This article compares forward and deferred rendering techniques, analyzes their performance trade‑offs on mobile GPUs, explores tile‑based and hardware‑TBDR approaches, and presents a Metal‑based single‑pass deferred shading solution for modern mobile graphics pipelines.
This tutorial explains how to model, generate, and render Bézier curves on iOS using UIBezierPath, CALayer, CAShapeLayer, and CAGradientLayer, compares quadratic and cubic approaches with Catmull‑Rom interpolation, and provides complete code samples for creating dynamic, animated graphics.
This article walks a front‑end beginner through the fundamentals of WebGL, explaining canvas basics, hardware vs software acceleration, and providing a complete Hello World example with HTML, shader code, and JavaScript to render a single red point on a green canvas.
The article surveys recent web and graphics advancements, covering Google’s first online Web Dev conference, a performance study of inline functions in React, Alipay’s 3D animation and gaming efforts, a Cornell‑led 3D wristband for VR, cloud gaming live streaming, a visual CNN explainer, Taro H5 optimizations, and JD’s PC homepage redesign.
This article introduces how to create custom Android Views by overriding onMeasure, onLayout, and onDraw, explains the three-stage view rendering process, and provides detailed examples of Canvas drawing methods—including drawing points, lines, shapes, text, images, and bitmap manipulation—along with code snippets and usage tips.
This tutorial introduces Python's standard turtle graphics library, explains its drawing principles, details core commands for window setup, movement, direction, and pen control, and provides ten illustrated code examples ranging from basic shapes to complex patterns.
The Xianyu team built a pure‑Dart Lottie library for Flutter, featuring a three‑layer architecture (base, interface, component), a custom RenderLottie RenderObject for canvas drawing, full text‑animation support via TextPainter, cubic‑Bezier interpolation matching Android, and plans for interactive property controllers.
This tutorial shows how to celebrate 520 with Python by drawing hearts, roses, and a starry‑sky confession using turtle graphics, pygame, and image‑processing code, providing beginner, intermediate, and advanced examples complete with source code and visual results.
This article introduces three core 3D volume‑display techniques—triangulation mesh, voxel‑grid, and volume rendering—explaining their principles, advantages, disadvantages, suitable scenarios, and implementation details such as WebGL shaders and instanced drawing for GIS visualisation.
This tutorial walks you through creating the classic green WeChat logo with Python's Matplotlib library, covering canvas setup, logo component analysis, and step‑by‑step code for ellipses, eyes, and arrows to produce a complete graphic.
This guide explains how to overcome large‑scale 3D map visualization challenges by using off‑screen rendering, framebuffers, and a step‑by‑step Bloom effect implementation—including bright‑area extraction, Gaussian blur, image merging, and HDR integration—in WebGL.
This article walks through the complete WebGL rendering pipeline, explaining how to create a WebGL context, set up vertex and fragment shaders, load vertex data into buffers, configure viewports and attributes, and finally draw a colored triangle on the canvas using JavaScript.
This tutorial demonstrates how to build a vivid fireworks simulation in Python using Pygame, covering module imports, window setup, color configuration, a Fireworks class definition, particle dynamics, and the main game loop for rendering and animation.
This tutorial explains how to use Python's turtle graphics and the random module to draw a 3×3 magic square, covering functions for drawing squares, filling colors, displaying numbers, and a brute‑force algorithm that shuffles numbers until the magic‑square condition is met.
This article explains the definition and history of GPUs, why dedicated graphics processors are needed, how they are accessed through graphics libraries and vendor APIs such as OpenGL, DirectX, CUDA and OpenCL, and describes various GPU virtualization techniques including virtual graphics cards, passthrough, and vCUDA with their client‑server‑manager architecture.
This tutorial walks you through creating a complete Peppa Pig illustration using Python's turtle graphics, covering shape analysis, custom drawing functions for each body part, and code snippets that demonstrate arcs, ellipses, and color fills to produce a recognizable cartoon figure.
This article explains how classic NES titles like Super Mario manage to fit all code, graphics, music and level data within a mere 128 KB by exploiting 2‑bit palettes, minimalist MIDI audio, tile reuse and hand‑crafted assembly, revealing a storage gap of five to seven orders of magnitude compared to modern games.
Linux Kernel 5.4, the final major stable release of 2019, introduces significant network driver updates, lock‑down security enhancements, native exFAT support, AMD Radeon graphics improvements, and a host of hardware and filesystem upgrades, offering developers and manufacturers a more secure and versatile platform.
This article explains the PNG image format, covering its lossless compression, different PNG types (8, 24, 32), internal data structure, how prediction and Deflate compression work, and tips for achieving better compression by using simple, low‑color images.
This article explains how to draw SVG arcs of any angle, position and rotate text labels along the arcs, generate gradient colors using both RGBA and HSL methods, and assemble a reusable JavaScript class that creates interactive circular arc charts with click events.
This tutorial shows how to use the polar equation of a heart, convert mathematical coordinates to screen coordinates, and employ UiAutomator's swipe method to draw a heart shape on an Android device using Java.
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.
The article explains BufferQueue’s internal design and shows how Android developers typically use its wrapper classes—Surface as the producer and SurfaceTexture as the consumer—detailing their constructors, dequeue/queue workflows, lock/unlock mechanisms, and a complete SurfaceView example that illustrates buffer production and consumption by SurfaceFlinger.
Android’s BufferQueue, the core producer‑consumer mechanism behind the display pipeline, manages GraphicBuffer slots through explicit FREE‑DEQUEUED‑QUEUED‑ACQUIRED transitions, using shared memory and Binder to let producers (e.g., Views, MediaCodec) enqueue frames and consumers (e.g., SurfaceFlinger) acquire and release them efficiently.
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 tutorial demonstrates how to use Python's turtle graphics library to programmatically draw the popular “What is Peaqi” character that went viral on social media, providing the complete source code, execution result image, and a brief call‑to‑action for sharing.
The article presents WHLSL, a new Web‑compatible high‑level shading language inspired by HLSL, detailing its safety‑first design, language requirements, syntax features, standard‑library concepts, compilation stages, and how it maps to Metal, Direct3D 12, and SPIR‑V for modern WebGPU applications.
This tutorial explains how to install ImageMagick, use its core command‑line tools such as magick, convert, identify, mogrify and composite, format image resize commands, add watermarks, generate captchas, clone and append images, convert between GIF, PDF and other formats, and integrate the tool with Node.js scripts.
This tutorial shows how to use Python to automate the creation of meme‑style emoticon images by preparing assets, overlaying pictures and text, and handling font sizing, providing complete code examples and practical tips for batch production.
This article introduces SpriteJS, a cross‑platform canvas library from 360 Qiwang Team, showing how to create structured UI, draw shapes, apply transitions, use the Web Animation API, work with textures, paths, groups, events, D3 integration, physics engines and particle systems, all with practical JavaScript code examples.
This guide demonstrates how to create a CAPTCHA verification feature in Java by generating random characters and interference lines using Graphics, serving the image via a servlet, and integrating it into an HTML registration page with JavaScript for dynamic refresh.
This article explains the differences between GL threads and regular threads, how textures are bound to EGL contexts rather than threads, why textures cannot be shared across GL threads by default, and how to correctly share OpenGL data between threads on Android.
This guide explains how to identify performance bottlenecks in WebGL applications by examining CPU and GPU workloads, using tools such as stats.js, Chrome DevTools, Web Tracing Framework, and offers concrete optimization strategies for shaders, draw calls, state changes, and resource management.
This guide introduces inline Scalable Vector Graphics (SVG) for web developers, covering basic organization, essential elements, shape primitives, path commands, accessibility considerations, and practical code examples to help integrate and manipulate SVG directly within HTML documents.
This article introduces three.js, explains its relationship to WebGL, outlines what it can achieve, describes core concepts such as coordinate system, camera, scene, renderer, lights, materials, geometry, and particle systems, and provides a step‑by‑step example for building an interactive 3D panorama with camera controls and user interaction.
This article explains the fundamentals of Bézier curves, demonstrates how to simulate quadratic and cubic Bézier paths on Android using the provided APIs, and explores practical applications such as smooth drawing, wave effects, and path animations with code examples and visual references.
This article reviews the evolution of VR hardware, explains core display principles, compares low‑cost Cardboard with high‑end headsets, discusses latency, motion sickness, interaction and graphics constraints, and offers practical guidance for creating high‑quality VR games.
