0 views collected around this technical thread.
This article explains the core components and rendering pipeline of modern browser engines, compares them with 3D graphics engines, and discusses the evolution of both browser and graphics technologies, providing a comprehensive overview for front‑end and graphics developers.
Chrome separates browsing tasks into distinct browser, renderer, plugin, and GPU processes, parses HTML/CSS into DOM, layout, paint, and compositing trees, rasterizes tiles on a compositing thread, and uses the GPU process to display frames, enabling optimized, smooth animations such as danmaku while balancing memory usage and security.
This article explains how modern browsers use multi‑process architectures, detailing the evolution from single‑process models, the roles of browser, renderer, GPU, network, and plugin processes, and walks through the navigation and rendering pipelines—including DOM construction, style calculation, layout, layering, painting, rasterization, compositing, and their impact on performance.
The article surveys GPU rendering pipelines and hardware architectures for desktop and mobile, explains classic stages, compares Immediate Mode, Tile‑Based and Tile‑Based Deferred rendering, details PowerVR, Mali and Adreno components, and offers optimization advice on draw calls, depth pre‑passes, shader efficiency, and render ordering.
Youku’s player was rebuilt with a pipeline‑pattern architecture that unifies playback stages into a modular framework, enabling plug‑in customization, multi‑source support, reduced memory and startup overhead, clearer structure, and improved stability and extensibility for future business innovations.
This article presents a comprehensive overview of game development fundamentals, rendering techniques, synchronization methods, and the design of interactive educational courseware using the Cocos engine, illustrating how game concepts can be applied to create engaging learning experiences.
This article provides a comprehensive, step‑by‑step exploration of modern browsers—covering Chrome’s multi‑process architecture, the navigation pipeline from URL entry to page load, the rendering stages (HTML parsing, style calculation, layout, painting, compositing), and how user interactions are processed and optimized.
This article delves into Flutter’s rendering pipeline, explaining the three‑tree architecture, build‑layout‑paint stages, state lifecycle, data flow, and optimization techniques such as relayout and repaint boundaries, while highlighting common pitfalls and best practices for high‑performance Flutter UI development.
This article explains the historical development of graphics processing units, their internal structure, rendering pipeline, and how GPUs shifted graphics workloads from CPUs to specialized parallel hardware, highlighting key concepts such as vertex shaders, pixel shaders, SIMD architectures, and performance growth.