Tagged articles
7 articles
Page 1 of 1
ByteFE
ByteFE
Jul 19, 2023 · Frontend Development

Using WebAssembly for Efficient 3D Model Decoding in Web Applications

This article explains how WebAssembly is used to decode glTF 3D models compressed with Draco and Meshopt algorithms in Porsche's live gift system, detailing the decoding framework, implementation, and performance benefits and user experience.

3D model decodingDracoWebAssembly
0 likes · 18 min read
Using WebAssembly for Efficient 3D Model Decoding in Web Applications
vivo Internet Technology
vivo Internet Technology
Jul 12, 2023 · Frontend Development

Building an Immersive Web 3D Exhibition Hall with Three.js and Blender

The article shows how the vivo front‑end team built a lightweight, mobile‑friendly 3D exhibition hall for the Game Festival by modeling in Blender, exporting GLB files, and using Three.js to set up the scene, lighting, shadows, joystick navigation, collision detection, and performance optimizations such as texture baking and model compression.

3D modelingBlenderThree.js
0 likes · 21 min read
Building an Immersive Web 3D Exhibition Hall with Three.js and Blender
Bilibili Tech
Bilibili Tech
Jul 19, 2022 · Game Development

BVA: A GLTF‑Based Chinese‑Localized 3D Avatar Format and Unity SDK

The BVA format is a Chinese‑localized, glTF‑based 3D avatar standard and open‑source Unity SDK that unifies avatar specifications, adds facial‑capture and extensible features, supports scene export, multithreaded and on‑demand loading, and works across Unity, WebGL, Maya, Blender and other platforms.

3D file formatBVAGame Development
0 likes · 12 min read
BVA: A GLTF‑Based Chinese‑Localized 3D Avatar Format and Unity SDK
Alipay Experience Technology
Alipay Experience Technology
May 24, 2022 · Frontend Development

How to Quickly Build 3D Virtual Avatars with Front‑End Techniques

This article explains the end‑to‑end front‑end workflow for creating real‑time 3D virtual avatars using the Oasis engine, covering glTF asset handling, model and texture replacement, bone animation mapping, inverse kinematics, physics integration, AI enhancements, and a low‑code development approach.

3D avatarsVirtual Humansfrontend
0 likes · 9 min read
How to Quickly Build 3D Virtual Avatars with Front‑End Techniques
Aotu Lab
Aotu Lab
Aug 12, 2021 · Frontend Development

How to Optimize glTF/.glb Files for Faster 3D Loading in Web Projects

This article explains the glTF format, compares .gltf and .glb, shows how to split and compress glTF assets using tools like gltf‑pipeline, Draco, mesh quantization and meshopt, and presents performance tests across various devices to guide efficient 3D model delivery in web applications.

3D OptimizationThree.jscompression
0 likes · 14 min read
How to Optimize glTF/.glb Files for Faster 3D Loading in Web Projects
Aotu Lab
Aotu Lab
Oct 30, 2018 · Game Development

Mastering 3D Web Games: Three.js, glTF, and Cannon.js Essentials

This guide walks you through the core concepts of Three.js, the glTF model format, physics integration with Cannon.js, interaction handling, performance tuning, and a suite of debugging tools, providing practical code snippets and best‑practice tips for building efficient 3D web games.

3D Game DevelopmentCannon.jsPerformance Optimization
0 likes · 22 min read
Mastering 3D Web Games: Three.js, glTF, and Cannon.js Essentials