Tag

temporal anti-aliasing

0 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