BestHub
search
Sign in
Tag

anti-aliasing

1 views collected around this technical thread.

Bilibili Tech
Bilibili Tech
Feb 23, 2024 · Mobile Development

Optimizing WebGL Rendering for Mobile Digital Human Performance

To deliver high‑quality mobile digital‑human graphics without inflating B‑Station’s app size, we replaced heavyweight engines with a lightweight Three.js‑based WebGL pipeline, refined the PBR shader (Cook‑Torrance, Smith, visibility term) and added skin, eye, anti‑aliasing and translucency tricks, cutting package growth to under 1 MB and boosting frame rates by up to 62 % on typical smartphones.

PBRRendering OptimizationSkin Rendering
0 likes · 18 min read
Optimizing WebGL Rendering for Mobile Digital Human Performance
Baidu Maps Tech Team
Baidu Maps Tech Team
Nov 22, 2017 · Frontend Development

Render High‑Quality Lines in WebGL Maps: Width, Joins, Dashes & Anti‑Aliasing

This article explains why native WebGL line drawing is insufficient for map engines and presents a shader‑based approach that splits lines into triangles, handles custom line widths, line joins, dash patterns, and anti‑aliasing to achieve consistent, high‑quality map rendering.

WebGLanti-aliasingdash pattern
0 likes · 9 min read
Render High‑Quality Lines in WebGL Maps: Width, Joins, Dashes & Anti‑Aliasing