Building a Rotating 3D Cube with p5.js WebGL Renderer
Step‑by‑step guide to render a rotating 3D cube with p5.js using the WebGL renderer, including setup, lighting, camera, checks, and fallback tips.
Loading…
ReadMeFeed / Community knowledge
#webgl
Real questions. Useful conversations. Find the people who know your stack.
p5jsDiagnose and Fix Three.js Pixel Ratio Issues on HiDPI Displays
Three.js canvases look blurry on Retina screens or drop frames due to pixel ratio misconfigurations. This guide shows how to check devicePixelRatio, canvas sizes, and output encoding, then fix by capping DPR and syncing resize events.
threejsOptimizing Large Vertex Sets in Three.js with Indexed BufferGeometry and Interleaved Buffers
Learn how to cut GPU memory usage and improve draw‑call efficiency by combining indexed BufferGeometry with interleaved attribute buffers for big meshes.
Using PixiJS ParticleContainer to Render Thousands of Identical Sprites Efficiently
Learn how PixiJS ParticleContainer batches thousands of sprites sharing a texture into a single draw call, cutting CPU overhead for effects like rain or snow.
pixijsAchieving Photorealistic Lighting in BabylonJS with PBR Materials
Learn how BabylonJS's PBRMaterial brings physically based rendering to web 3D, with a concise code example and performance considerations.
babylonjsEfficient 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.
Integrating 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.
Managing 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.