Real-time Rendering

TikTok Frontend Technology Team

May 25, 2024 · Game Development

Rendering Practices and Technical Exploration of SAR Creator in Douyin's 2024 Spring Festival Activities

This article details the real‑time rendering techniques, material choices, lighting, shadow, ShaderGraph effects, post‑processing bloom, dissolve, map‑freeze, particle and geometry trails, as well as displacement and bump mapping used in the SAR Creator platform for Douyin's 2024 Spring Festival interactive experiences.

Real-time RenderingSAR CreatorWebGL

0 likes · 18 min read

Rendering Practices and Technical Exploration of SAR Creator in Douyin's 2024 Spring Festival Activities

ByteFE

Apr 24, 2024 · Game Development

Rendering Practices and Technical Exploration of SAR Creator in Douyin's 2024 Spring Festival Activities

This article details the real‑time rendering techniques, material choices, lighting, shadergraph effects, particle and geometry trails, and post‑processing implementations used in Douyin's 2024 Spring Festival interactive experiences, showcasing SAR Creator's capabilities and future development directions.

Real-time RenderingSAR CreatorWebGPU

0 likes · 18 min read

OPPO Kernel Craftsman

Aug 11, 2023 · Game Development

FidelityFX Super Resolution 1.0: Technical Analysis and Implementation

The article delivers an in‑depth technical dissection of AMD’s FidelityFX Super Resolution 1.0, detailing the EASU spatial upscaling pipeline—its Lanczos2‑based polynomial fitting, 12‑point sampling, gradient calculations, and edge handling—and the RCAS contrast‑adaptive sharpening stage, while also outlining mobile‑friendly optimizations such as half‑precision arithmetic and reduced texture fetches.

EASUFSR 1.0GPU programming

0 likes · 6 min read

FidelityFX Super Resolution 1.0: Technical Analysis and Implementation

Bilibili Tech

Jul 28, 2023 · Game Development

Real-Time Virtual Character Production Pipeline: Hair, Skin, and Physics Rendering Techniques

The HuànXing Digital Human platform delivers a real‑time virtual‑character pipeline that combines industrialized asset generation—including hair‑card and strand‑based hair rendering, multi‑Gaussian subsurface‑scattering skin, detailed eye shaders, bone‑driven facial rigs, modular clothing, and physics‑driven hair and cloth—while leveraging AI‑assisted capture and future UE5 Chaos enhancements for personalized 3D avatars.

Hair RenderingReal-time RenderingSkin Rendering

0 likes · 37 min read

Real-Time Virtual Character Production Pipeline: Hair, Skin, and Physics Rendering Techniques

Bilibili Tech

Jul 21, 2023 · Artificial Intelligence

Real‑time 3D Virtual Avatar Motion Capture Using a Single Monocular Camera

By leveraging AI‑driven 3D reconstruction from a single webcam, Bilibili’s new system captures facial expressions, full‑body pose, and hand gestures in real time, rendering photorealistic avatars on consumer‑grade PCs within milliseconds and dramatically reducing the cost and time required for virtual‑live streaming production.

3D avatarArtificial IntelligenceComputer Vision

0 likes · 14 min read

DaTaobao Tech

Jun 14, 2023 · Artificial Intelligence

Optimizing NeRF for Real-Time Mobile 3D Rendering in Alibaba's Object Drawer

Alibaba’s Taobao engineers detail how they transformed slow, high‑quality NeRF reconstruction into a real‑time mobile solution by combining an Octree‑Tiny‑MLP architecture, SNeRG optimizations, and a high‑frequency voxel reduction that shrank models to ~5 MB and achieved ~6 FPS on low‑end Android phones, targeting sub‑1 MB models and 50 FPS.

3D reconstructionComputer VisionReal-time Rendering

0 likes · 10 min read

Optimizing NeRF for Real-Time Mobile 3D Rendering in Alibaba's Object Drawer

DataFunSummit

Jun 7, 2023 · Game Development

Principles and Techniques for Creating Hyper‑Realistic Virtual Humans

This article explains the misconceptions, dual production pipelines, shape‑and‑color reconstruction, Lookdev and PBR workflows, skin rendering details, inverse PBR with LightStage, and 4D‑driven animation techniques required to achieve photorealistic virtual humans for real‑time applications.

3D scanningPBRReal-time Rendering

0 likes · 18 min read

Principles and Techniques for Creating Hyper‑Realistic Virtual Humans

DataFunSummit

Nov 10, 2022 · Artificial Intelligence

Voice‑Driven Facial Animation for Digital Humans: Techniques and OPPO XiaoBu Assistant Practice

This article introduces digital‑human voice‑driven facial animation technologies, compares motion‑capture, audio‑driven and key‑point methods, details OPPO XiaoBu Assistant's end‑side and cloud‑side Audio2Lip pipelines, explores BlendShape versus Mesh approaches, and discusses current challenges and future research directions.

Digital HumanOPPOReal-time Rendering

0 likes · 15 min read

Voice‑Driven Facial Animation for Digital Humans: Techniques and OPPO XiaoBu Assistant Practice

Tencent Cloud Developer

Apr 24, 2022 · Artificial Intelligence

Real-Time AI-Powered AR Beauty Effects on the Web

The article explains how to achieve real‑time AI‑driven AR beauty effects in browsers by unifying media input with MediaStream, down‑sampling frames, accelerating detection via WebAssembly‑SIMD and GPU, constructing a 2D facial mesh for mask positioning, rendering makeup with custom WebGL shaders, and integrating the full pipeline into Tencent Cloud Vision Cube for seamless web and mini‑program live‑stream experiences.

AI face detectionReal-time RenderingWeb AR

0 likes · 7 min read

Real-Time AI-Powered AR Beauty Effects on the Web

Kuaishou Tech

Feb 9, 2022 · Mobile Development

Kuaishou Mobile Mixed Reality System: Architecture, Algorithms, and Applications

This article presents Kuaishou's mobile mixed reality (MR) system, detailing its integration of deep learning, SLAM, and scene reconstruction for real‑time spatial computing, the design of a monocular depth‑estimation model, a lightweight 3D rendering engine, and its deployment across iOS and Android devices with various user‑facing effects.

Computer VisionDepth EstimationKuaishou

0 likes · 16 min read

Kuaishou Mobile Mixed Reality System: Architecture, Algorithms, and Applications

Kuaishou Large Model

Oct 22, 2021 · Fundamentals

How Noise Powers Real‑Time Short‑Video Effects: Algorithms, Samples & GPU RNG Comparison

This article explains how various noise algorithms—value, gradient, simplex, cellular, and FBM—are applied to short‑video visual effects, showcases shader implementations and image examples, and compares GPU random‑number generators to help developers choose the right balance of performance and visual quality.

GPURandom Number GenerationReal-time Rendering

0 likes · 17 min read

How Noise Powers Real‑Time Short‑Video Effects: Algorithms, Samples & GPU RNG Comparison

Kuaishou Large Model

Jul 23, 2021 · Artificial Intelligence

How Kuaishou’s Y‑Tech Achieved Real‑Time 3D Photo Rendering on Any Smartphone

The article details Kuaishou Y‑Tech’s end‑to‑end solution for converting a single RGB image into an interactive 3D photo on mobile devices, covering depth estimation, image‑inpainting, custom KwaiNN inference, and real‑time 3D rendering techniques that run on all smartphone models without depth sensors.

3D PhotoImage InpaintingKwaiNN

0 likes · 17 min read

How Kuaishou’s Y‑Tech Achieved Real‑Time 3D Photo Rendering on Any Smartphone

Alimama Tech

Jul 14, 2021 · Backend Development

Real-Time Image Rendering Service for Personalized Advertising Using Rust

To eliminate wasteful pre‑generated ad creatives, a Taobao team built a high‑concurrency, Rust‑based real‑time image rendering service that safely composes personalized templates on the fly, delivering thousands of requests per second with millisecond latency, powering diverse advertising scenarios and achieving roughly a 36 % business lift.

Real-time RenderingRustadvertising

0 likes · 9 min read

Real-Time Image Rendering Service for Personalized Advertising Using Rust

Didi Tech

Jun 11, 2021 · Frontend Development

Design and Implementation of a Real-Time Data Visualization Large Screen Using WebGL and a Custom Map Framework

The article details DiDi’s development of a real‑time, large‑screen data‑visualization system built on a custom WebGL‑based map framework, describing how they tackled one‑time map loading, massive data compression, and high‑performance rendering of trajectories, bubbles, heatmaps, flight lines and animated scatter points, supported by interactive debugging tools.

Real-time RenderingThree.jsWebGL

0 likes · 27 min read

Design and Implementation of a Real-Time Data Visualization Large Screen Using WebGL and a Custom Map Framework

Tencent Music Tech Team

Jan 12, 2019 · Mobile Development

Technical Solution and Performance Optimization for Animated Lyrics Using ASS Subtitle Rendering on Mobile

The project replaces karaoke effects with ASS‑based lyrics on Android, using a backend to generate ASS files and a JNI renderer that rasterizes and composites bitmap fragments; optimizations like transparent‑fragment filtering, opacity early‑out, NEON SIMD, copy elimination, and double‑buffered decoding cut frame time from 52 ms to under 3 ms, raise frame rate from 7 fps to 15 fps, and shrink memory usage from 180 MB to under 10 MB.

ASS subtitleJNINEON optimization

0 likes · 16 min read

Technical Solution and Performance Optimization for Animated Lyrics Using ASS Subtitle Rendering on Mobile

Tencent Cloud Developer

Apr 17, 2018 · Game Development

Ray Tracing Decoded: The Future of Ultra-Realistic Graphics

Ray tracing, once limited to film studios, is becoming feasible for real‑time gaming thanks to NVIDIA’s RTX hardware, Microsoft’s DXR API, and AMD’s support, while parallel advances in corporate renewable‑energy procurement see dozens of major firms signing large power‑purchase agreements, accelerating the shift toward sustainable, ultra‑realistic graphics.

DXRNVIDIA RTXRay Tracing

0 likes · 7 min read

Ray Tracing Decoded: The Future of Ultra-Realistic Graphics