Efficient Model Instancing in Babylon.js with AssetContainer
Learn how to load a 3D model once into an AssetContainer and instantiate many copies without redundant memory usage.
Loading…
ReadMeFeed / Community knowledge
#webgl
Real questions. Useful conversations. Find the people who know your stack.
babylonjsIntegrating Custom WebGL Content into Mapbox GL JS via Custom Layers
Learn how to integrate raw WebGL content into Mapbox GL JS using custom layers. This guide covers the lifecycle methods onAdd, render, and onRemove to create high-performance 3D visualizations.
mapbox
javascriptEfficiently Load glTF 2.0 Models in Three.js with Draco Compression: A Step‑by‑Step Guide
Learn how to load glTF 2.0 models in Three.js with optional Draco compression. Step‑by‑step setup, runtime checks, and graceful fallback for browsers that can’t handle Draco. A practical guide to faster, smaller 3D assets.
threejsManaging GPU Memory in PixiJS: Texture Cache Architecture
Learn how to optimize GPU memory in PixiJS by decoupling BaseTextures from Textures to prevent redundant VRAM uploads and memory leaks.
pixijsAnimating an Entity Along a Path with A-Frame's Built‑in Animation Component
Learn how to use A-Frame’s built‑in animation component to move a box entity continuously between two points, with setup, checks, and troubleshooting steps.
aframeReducing Draw Calls in Babylon.js: When to Use InstancedMesh vs. Thin Instances
Stop killing your frame rate with excessive draw calls. Learn when to use InstancedMesh versus Thin Instances in Babylon.js to render thousands of objects efficiently.
Reducing Draw Call Overhead in Three.js with InstancedMesh
Stop killing your frame rate with thousands of draw calls. Learn how to use Three.js InstancedMesh to render thousands of identical objects with a single draw call to improve WebGL performance.
Optimizing Large-Scale Babylon.js Instancing: Design, Checks, and Failure Modes
When rendering thousands of identical objects in Babylon.js, instancing drastically reduces draw calls. This guide outlines the minimal architecture, operational checks, data validation, and fallback strategies for efficient and reliable instanced rendering.
Implementing Seamless Scrolling Backgrounds with PixiJS TilingSprite
Learn how to use PixiJS TilingSprite to create high-performance, seamless scrolling backgrounds by leveraging UV mapping instead of duplicating sprite objects.