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.

PBRWebGLanti-aliasing

0 likes · 18 min read

Optimizing WebGL Rendering for Mobile Digital Human Performance

58UXD

Feb 23, 2021 · Fundamentals

Master Vray in Minutes: Quick Guide to Realistic Interior Renderings

This step‑by‑step tutorial shows interior designers how to set up Vray in 3ds Max—covering scene composition, texture and material basics, lighting placement, resolution, anti‑aliasing, and global illumination—so they can produce photorealistic renders quickly without deep prior knowledge.

3ds MaxVrayanti-aliasing

0 likes · 8 min read

Master Vray in Minutes: Quick Guide to Realistic Interior Renderings

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