3D rendering | BestHub

Collection size

25 articles

Page 1 of 2

DaTaobao Tech

May 17, 2023 · Frontend Development

Introduction to 3D Rendering Technologies: OpenGL, OpenGL ES, WebGL, and Front‑End Engines

The article introduces core 3D rendering concepts, tracing the evolution from desktop OpenGL to mobile OpenGL ES and its JavaScript counterpart WebGL, explains GLSL shader programming, reviews common model formats like OBJ and FBX, highlights front‑end engines such as Three.js, compares rasterization with ray tracing, and mentions modeling tools and emerging AI‑driven techniques.

3D RenderingGLSLOpenGL

0 likes · 11 min read

Introduction to 3D Rendering Technologies: OpenGL, OpenGL ES, WebGL, and Front‑End Engines

DaTaobao Tech

Mar 15, 2023 · Game Development

Technical Implementation of the "Life Cabin" 3D Virtual Scene in Taobao Life

The article details how Taobao Life’s “Life Cabin” feature was built using the in‑house Hilo3D WebGL engine, describing a pipeline that converts Maya‑exported USD models to GLTF, sets up cameras and controls, manages avatar movement, implements interactive furniture logic, and applies shadow‑map and baked‑light optimizations for smooth performance.

3D RenderingGame DevelopmentHilo3D

0 likes · 16 min read

Technical Implementation of the "Life Cabin" 3D Virtual Scene in Taobao Life

DaTaobao Tech

Nov 9, 2022 · Mobile Development

3D Rendering for Digital Collectibles in the Taobao App Using Blender and Unity

An end‑to‑end pipeline is presented that uses Blender to split and UV‑map a frame model, exports it as FBX, imports it into Unity where a runtime API dynamically updates materials, textures, colors and shininess for digital collectibles in the Taobao app, addressing mesh processing, FOV, lighting and anisotropic filtering issues.

3D RenderingBlenderModel Preprocessing

0 likes · 10 min read

3D Rendering for Digital Collectibles in the Taobao App Using Blender and Unity

DaTaobao Tech

Mar 25, 2022 · Artificial Intelligence

Digital Human Technology: Design, Production, and Future Directions

The article surveys digital‑human technology—covering visual form, motion and AI‑driven intelligence—its fast‑growing market, a three‑layer solution stack (hardware/software base, AI platform, application services), end‑to‑end avatar creation workflow, rendering and animation techniques, web‑deployment challenges, and future prospects such as deeper AI, XR/6G and metaverse integration.

3D RenderingAIDigital Human

0 likes · 20 min read

Digital Human Technology: Design, Production, and Future Directions

Didi Tech

Sep 29, 2020 · Artificial Intelligence

Technical Overview of Didi’s MJO 3D Panoramic Navigation, Main/Sub‑Road Yaw Detection, and Deep‑Learning‑Based Navigation Engine

Didi’s Navigation system combines a novel MJO 3D panoramic map with advanced data‑compression and octree rendering, precise main/sub‑road yaw detection using LSTM‑based models trained on GPS and image data, and a lightweight deep‑learning engine optimized for mobile CPUs/GPUs, delivering accurate, real‑time guidance for ride‑hailing and autonomous driving.

3D RenderingDeep LearningGPS trajectory

0 likes · 21 min read

Technical Overview of Didi’s MJO 3D Panoramic Navigation, Main/Sub‑Road Yaw Detection, and Deep‑Learning‑Based Navigation Engine

vivo Internet Technology

Apr 7, 2021 · Frontend Development

3D Data Visualization in Front-end Development: From Concept to Practice

The article guides front‑end developers from basic 2D charting to immersive 3D data visualizations, explaining WebGL’s rendering pipeline, comparing libraries such as Three.js and Babylon.js, detailing camera, lighting, model handling techniques, and showing how Draco compression dramatically shrinks GLB assets while preserving quality.

3D Rendering3D visualizationGLTF/GLB

0 likes · 15 min read

3D Data Visualization in Front-end Development: From Concept to Practice

Amap Tech

Jun 25, 2021 · Frontend Development

Design and Implementation of the Eagle.gl Web 3D Engine for High-Definition Map Rendering

The Eagle.gl Web 3D engine, built atop Three.js, provides a unified 2D/3D GIS platform that efficiently loads, renders, and edits massive point‑cloud, vector, and model map data with real‑time LOD, GPU picking, DEM terrain integration, and configurable styling, supporting AMap’s HD‑map production and future autonomous‑driving simulation.

3D RenderingGISThree.js

0 likes · 12 min read

Design and Implementation of the Eagle.gl Web 3D Engine for High-Definition Map Rendering

Amap Tech

Feb 1, 2021 · Frontend Development

Realistic Lighting Rendering for 3D Building Elements in AMap JSAPI 2.0

The article explains how AMap JSAPI 2.0 achieves realistic 3‑D building lighting by applying the Blinn‑Phong model with ambient, diffuse and specular components, employing directional, point and spot lights together with a classic three‑point lighting setup—including a high‑altitude point light over the Oriental Pearl Tower—to produce depth‑rich, non‑flat visualizations.

3D RenderingBlinn-PhongWebGL

0 likes · 11 min read

Realistic Lighting Rendering for 3D Building Elements in AMap JSAPI 2.0

Kuaishou Tech

Nov 2, 2021 · Fundamentals

Optimizing Highlight Effects in 3D Material Makeup Using Normal Maps

This article presents a method for fine‑grained control of highlight effects in 3D material makeup by analyzing lighting models, material parameters, and geometry, and proposes using model‑space normal maps to achieve stable, adjustable highlights that meet aesthetic requirements.

3D RenderingPBRcomputer graphics

0 likes · 20 min read

Optimizing Highlight Effects in 3D Material Makeup Using Normal Maps

JD Tech Talk

Jul 11, 2024 · Artificial Intelligence

Technical Exploration of JD.Vision on Apple Vision Pro: Spatial Computing, Custom Gestures, and Rendering Optimizations

The article details JD.Vision's development for Apple Vision Pro, explaining how spatial computing enables immersive 1:1 product placement, describing low‑latency VST, eye‑tracking hand‑eye control, custom gesture recognition using AI models, shader customization, and performance optimizations for a seamless AR shopping experience.

3D RenderingAR/VRApple Vision Pro

0 likes · 10 min read

Technical Exploration of JD.Vision on Apple Vision Pro: Spatial Computing, Custom Gestures, and Rendering Optimizations

360 Tech Engineering

Feb 26, 2020 · Frontend Development

SpriteJS 3D Extension: Rendering Capabilities and Practical Examples

The article introduces SpriteJS's new 3D extension built on the lightweight OGL library, compares it with popular 3D engines, explains its DOM‑friendly API, and provides extensive code examples for creating cubes, meshes, lighting, shadows, video textures, panoramic scenes, and advanced effects such as render targets and GPGPU, demonstrating high performance and ease of use for front‑end developers.

3D RenderingJavaScriptSpriteJS

0 likes · 9 min read

SpriteJS 3D Extension: Rendering Capabilities and Practical Examples

360 Tech Engineering

Dec 4, 2019 · Fundamentals

3D Rendering Techniques for a Virtual Avatar System in Live Streaming

The article presents a comprehensive overview of the 3D rendering pipeline used to build a virtual avatar system for live streaming, covering layered rendering, mesh swapping, bone deformation, HSV‑based coloring, depth handling, transparency, shadow methods, and physically‑based lighting to achieve high‑quality interactive visuals.

3D RenderingHSV coloringPBR lighting

0 likes · 13 min read

ByteDance ADFE Team

Feb 9, 2022 · Frontend Development

Fundamentals of 3D Graphics Rendering in Front-End Development

This article introduces the essential concepts and step‑by‑step implementation of 2D and 3D graphics rendering on the web, covering viewport transformation, triangle rasterization, anti‑aliasing, interpolation, camera setup, perspective projection, and depth testing using HTML5 Canvas and JavaScript.

3D RenderingCanvasWebGL

0 likes · 15 min read

Fundamentals of 3D Graphics Rendering in Front-End Development

Rare Earth Juejin Tech Community

Mar 9, 2024 · Frontend Development

Creating Laser‑Cutting Effects with Three.js, SVG Logos and Vite

This tutorial demonstrates how to use Three.js, TypeScript and Vite to load an SVG logo, extract its Bézier curve points, generate evenly spaced laser paths, animate multiple lasers with Line2, and finally separate the logo from a floor using shape holes, providing complete source code and visual results.

3D RenderingSVGThree.js

0 likes · 18 min read

Creating Laser‑Cutting Effects with Three.js, SVG Logos and Vite

Huajiao Technology

Dec 3, 2019 · Game Development

3D Rendering Techniques for Huajiao Live Streaming: Layered Rendering, Avatar Customization, and Physically‑Based Lighting

This article presents Huajiao's 3D rendering system for live streaming, covering multi‑layered rendering, avatar outfit and accessory swapping, bone‑based shape editing, HSV‑based color tinting, depth handling, transparent hair rendering, shadow techniques, and physically‑based lighting to achieve high‑quality, interactive virtual avatars on mobile devices.

3D RenderingLive StreamingPBR lighting

0 likes · 15 min read

Architects' Tech Alliance

Nov 5, 2021 · Artificial Intelligence

GPU Architecture in the AI Era: From Specific‑Domain Designs to 3D/AI Fusion

The article analyzes how GPU architecture, originally designed for 3D graphics, is being reshaped by AI demands through specific‑domain designs, hardware/software interfaces, tensor acceleration, and 3D/AI convergence, ultimately arguing that GPUs will remain the central compute platform in the new golden age of computer architecture.

3D RenderingArtificial IntelligenceComputer Architecture

0 likes · 14 min read

GPU Architecture in the AI Era: From Specific‑Domain Designs to 3D/AI Fusion

DataFunSummit

May 15, 2023 · Artificial Intelligence

Music-Driven Digital Human: Algorithms and Practices

This article presents the Music XR Maker framework and its four core components—music-driven system architecture, dance generation, lip-sync driven by singing voice, and expressive singing facial animation—detailing data sources, AI generation pipelines, 3D rendering, product applications, and future research directions.

3D RenderingAIDance Generation

0 likes · 15 min read

Music-Driven Digital Human: Algorithms and Practices

Kuaishou Large Model

Mar 4, 2022 · Artificial Intelligence

How Adaptive 3D Face Cutout Transforms Kuaishou’s AR Effects

This article explains the adaptive 3D face cutout technology behind Kuaishou's "3D Zoom Face" effect, detailing its problem‑solving approach, implementation workflow, camera‑control optimizations, and how it expands creative possibilities while lowering production costs for both creators and users.

3D RenderingAR effectsComputer Vision

0 likes · 16 min read

How Adaptive 3D Face Cutout Transforms Kuaishou’s AR Effects

Kuaishou Large Model

Nov 1, 2021 · Game Development

How to Achieve Consistent, Controllable Highlights in 3D Makeup Rendering

This article presents a method for fine‑grained control of highlight effects in 3D material makeup, analyzing the impact of material properties, lighting, and geometry, and proposes using model‑space normal maps to ensure stable, adjustable highlights across different facial models and poses.

3D RenderingPBRcomputer graphics

0 likes · 18 min read

How to Achieve Consistent, Controllable Highlights in 3D Makeup Rendering

Kuaishou Audio & Video Technology

May 27, 2021 · Fundamentals

How Kuaishou Built Its Immersive Panorama Video Engine: From Sphere Modeling to Projection Rendering

This article explains how Kuaishou's audio‑video team implemented panorama video technology in 2020, covering its historical background, user impact, data analysis of a viral video, and the technical pipeline that creates a spherical model, projects it, and renders immersive 360° playback on mobile devices.

3D RenderingVRmobile graphics

0 likes · 12 min read

How Kuaishou Built Its Immersive Panorama Video Engine: From Sphere Modeling to Projection Rendering