Tagged articles
2 articles
Page 1 of 1
ByteDance SYS Tech
ByteDance SYS Tech
Apr 13, 2023 · Game Development

Understanding Rasterization: From 3D Models to Screen Pixels

This article explains the rasterization pipeline of GPU‑based 3D rendering, covering model setup, orthographic and perspective projection, viewport transformation, triangle rasterization, bounding‑box optimization, depth buffering, and final pixel shading, using a simple two‑triangle example to illustrate each step.

GPU renderingRasterizationcomputer graphics
0 likes · 12 min read
Understanding Rasterization: From 3D Models to Screen Pixels
Baidu Maps Tech Team
Baidu Maps Tech Team
May 26, 2017 · Frontend Development

How to Solve Matrix and Z‑Buffer Precision Loss in WebGL Maps

This article explains why 32‑bit floating‑point numbers cause matrix and depth‑buffer precision issues in WebGL map rendering and presents three GPU‑based solutions, a sub‑coordinate system method, and JavaScript adjustments to eliminate visual jitter and Z‑fighting.

WebGLdepth bufferglsl
0 likes · 9 min read
How to Solve Matrix and Z‑Buffer Precision Loss in WebGL Maps