|
/examples
|
Examples
|
|
|
/docs
|
Docs
|
|
|
/showcase
|
Showcase
|
|
|
/docs/tutorials
|
Tutorials
|
|
|
/docs
|
<span title="luma.gl documentation" class="linkLabel_CDUV"><span class="linkTitle_f4wm">luma.gl documentation</span></span>
|
|
|
/docs/getting-started
|
<span title="Getting Started" class="linkLabel_CDUV"><span class="linkTitle_f4wm">Getting Started</span></span>
|
|
|
/docs/capabilities
|
<span class="categoryLinkLabel_ufhF">Capabilities</span>
|
|
|
/docs/tutorials
|
<span class="categoryLinkLabel_ufhF">Fundamentals</span>
|
|
|
/docs/faq
|
<span title="FAQ" class="linkLabel_CDUV"><span class="linkTitle_f4wm">FAQ</span></span>
|
|
|
/docs/glossary
|
<span title="luma.gl glossary" class="linkLabel_CDUV"><span class="linkTitle_f4wm">luma.gl glossary</span></span>
|
|
|
/docs/whats-new
|
<span title="What's New" class="linkLabel_CDUV"><span class="linkTitle_f4wm">What's New</span></span>
|
|
|
/docs/upgrade-guide
|
<span title="Upgrade Guide" class="linkLabel_CDUV"><span class="linkTitle_f4wm">Upgrade Guide</span></span>
|
|
|
/docs/api-guide
|
<span class="categoryLinkLabel_ufhF">API Guide</span>
|
|
|
/docs/api-reference
|
<span class="categoryLinkLabel_ufhF">API Reference</span>
|
|
|
/docs/developer-guide
|
<span class="categoryLinkLabel_ufhF">Developer Guide</span>
|
|
|
/docs/legacy/porting-guide
|
<span class="categoryLinkLabel_ufhF">Legacy Guides</span>
|
|
|
/
|
<svg viewbox="0 0 24 24" class="breadcrumbHomeIcon_sfvy"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg>
|
|
|
/examples
|
<span>Explore live examples</span><span aria-hidden="true">↗</span>
|
|
|
/docs/tutorials/hello-triangle
|
<span>See your first triangle</span><span aria-hidden="true">→</span>
|
|
|
/docs/api-reference/core
|
<div class="artwork_GUqS" aria-hidden="true"><span class="artworkField_fnr1"></span><span class="artworkForm_AI2E"></span><span class="artworkDetail_sMMM"></span></div><div class="cardHeader_ALTU"><span class="packageName_H2Zv">@luma.gl/core + adapters</span><span class="cardNumber_DCwo">01</span></div><div class="content_QZmH"><p class="label_yE1w">GPU portability<h3 class="title_oZEw">Core / WebGPU / WebGL</h3><p class="description_INVR">One low-level GPU portability layer for buffers, pipelines, textures, and rendering across WebGPU and WebGL2.</p></div><div class="cardFooter_qHQ5"><ul class="capabilities_CICU" aria-label="Core / WebGPU / WebGL capabilities"><li class="capability_jrVX">WebGPU<li class="capability_jrVX">WebGL2<li class="capability_jrVX">GPU resources</li></ul><span class="documentationLink_dyV0" aria-hidden="true">Docs<svg viewbox="0 0 20 20" fill="none"><path d="M6 14 14 6M7 6h7v7"></path></svg></span></div>
|
|
|
/docs/api-reference/engine
|
<div class="artwork_GUqS" aria-hidden="true"><span class="artworkField_fnr1"></span><span class="artworkForm_AI2E"></span><span class="artworkDetail_sMMM"></span></div><div class="cardHeader_ALTU"><span class="packageName_H2Zv">@luma.gl/engine</span><span class="cardNumber_DCwo">02</span></div><div class="content_QZmH"><p class="label_yE1w">Rendering toolkit<h3 class="title_oZEw">Engine</h3><p class="description_INVR">The classic luma.gl API for models, animation loops, geometry, picking, and composable rendering.</p></div><div class="cardFooter_qHQ5"><ul class="capabilities_CICU" aria-label="Engine capabilities"><li class="capability_jrVX">Models<li class="capability_jrVX">Animation<li class="capability_jrVX">Geometry</li></ul><span class="documentationLink_dyV0" aria-hidden="true">Docs<svg viewbox="0 0 20 20" fill="none"><path d="M6 14 14 6M7 6h7v7"></path></svg></span></div>
|
|
|
/docs/api-reference/shadertools
|
<div class="artwork_GUqS" aria-hidden="true"><span class="artworkField_fnr1"></span><span class="artworkForm_AI2E"></span><span class="artworkDetail_sMMM"></span></div><div class="cardHeader_ALTU"><span class="packageName_H2Zv">@luma.gl/shadertools</span><span class="cardNumber_DCwo">03</span></div><div class="content_QZmH"><p class="label_yE1w">Shader programming<h3 class="title_oZEw">Shader Tools</h3><p class="description_INVR">Write, assemble, and share portable shaders with a reusable module library for both WGSL and GLSL.</p></div><div class="cardFooter_qHQ5"><ul class="capabilities_CICU" aria-label="Shader Tools capabilities"><li class="capability_jrVX">WGSL<li class="capability_jrVX">GLSL<li class="capability_jrVX">Shader modules</li></ul><span class="documentationLink_dyV0" aria-hidden="true">Docs<svg viewbox="0 0 20 20" fill="none"><path d="M6 14 14 6M7 6h7v7"></path></svg></span></div>
|
|
|
/docs/api-reference/shadertools/shader-passes/image-processing
|
<div class="artwork_GUqS" aria-hidden="true"><span class="artworkField_fnr1"></span><span class="artworkForm_AI2E"></span><span class="artworkDetail_sMMM"></span></div><div class="cardHeader_ALTU"><span class="packageName_H2Zv">@luma.gl/effects</span><span class="cardNumber_DCwo">04</span></div><div class="content_QZmH"><p class="label_yE1w">Composable effects<h3 class="title_oZEw">Effects</h3><p class="description_INVR">Compose reusable shader effects into complete post-processing, lighting, and image-processing pipelines.</p></div><div class="cardFooter_qHQ5"><ul class="capabilities_CICU" aria-label="Effects capabilities"><li class="capability_jrVX">Bloom<li class="capability_jrVX">Tone mapping<li class="capability_jrVX">Shader passes</li></ul><span class="documentationLink_dyV0" aria-hidden="true">Docs<svg viewbox="0 0 20 20" fill="none"><path d="M6 14 14 6M7 6h7v7"></path></svg></span></div>
|
|
|
/docs/api-reference/scene
|
<div class="artwork_GUqS" aria-hidden="true"><span class="artworkField_fnr1"></span><span class="artworkForm_AI2E"></span><span class="artworkDetail_sMMM"></span></div><div class="cardHeader_ALTU"><span class="packageName_H2Zv">@luma.gl/scene</span><span class="cardNumber_DCwo">05</span></div><div class="content_QZmH"><p class="label_yE1w">Declarative 3D<h3 class="title_oZEw">ANARI</h3><p class="description_INVR">Describe declarative 3D scenes with glTF and OpenUSD, then switch renderers without rebuilding the world.</p></div><div class="cardFooter_qHQ5"><ul class="capabilities_CICU" aria-label="ANARI capabilities"><li class="capability_jrVX">glTF<li class="capability_jrVX">OpenUSD<li class="capability_jrVX">Renderers</li></ul><span class="documentationLink_dyV0" aria-hidden="true">Docs<svg viewbox="0 0 20 20" fill="none"><path d="M6 14 14 6M7 6h7v7"></path></svg></span></div>
|
|
|
/docs/api-reference/splats
|
<div class="artwork_GUqS" aria-hidden="true"><span class="artworkField_fnr1"></span><span class="artworkForm_AI2E"></span><span class="artworkDetail_sMMM"></span></div><div class="cardHeader_ALTU"><span class="packageName_H2Zv">@luma.gl/splats</span><span class="cardNumber_DCwo">06</span></div><div class="content_QZmH"><p class="label_yE1w">Captured scenes<h3 class="title_oZEw">Splats</h3><p class="description_INVR">Stream and render Gaussian splats with depth ordering, high-dynamic-range color, and reusable GPU data.</p></div><div class="cardFooter_qHQ5"><ul class="capabilities_CICU" aria-label="Splats capabilities"><li class="capability_jrVX">Streaming<li class="capability_jrVX">Gaussian splats<li class="capability_jrVX">HDR</li></ul><span class="documentationLink_dyV0" aria-hidden="true">Docs<svg viewbox="0 0 20 20" fill="none"><path d="M6 14 14 6M7 6h7v7"></path></svg></span></div>
|
|
|
/docs/api-reference/gpgpu
|
<div class="artwork_GUqS" aria-hidden="true"><span class="artworkField_fnr1"></span><span class="artworkForm_AI2E"></span><span class="artworkDetail_sMMM"></span></div><div class="cardHeader_ALTU"><span class="packageName_H2Zv">@luma.gl/gpgpu</span><span class="cardNumber_DCwo">07</span></div><div class="content_QZmH"><p class="label_yE1w">GPU compute + rendering<h3 class="title_oZEw">GPGPU</h3><p class="description_INVR">Connect reusable compute modules and rendering in a single GPU-native pipeline, without moving data back to the CPU.</p></div><div class="cardFooter_qHQ5"><ul class="capabilities_CICU" aria-label="GPGPU capabilities"><li class="capability_jrVX">GPU workflows<li class="capability_jrVX">Compute modules<li class="capability_jrVX">Zero readback</li></ul><span class="documentationLink_dyV0" aria-hidden="true">Docs<svg viewbox="0 0 20 20" fill="none"><path d="M6 14 14 6M7 6h7v7"></path></svg></span></div>
|
|
|
/docs/capabilities
|
<span>Explore the complete feature set</span><span aria-hidden="true">→</span>
|
|
|
/docs/tutorials/hello-triangle
|
<span class="luma-onboarding__path-kicker">Start here</span><h3 class="luma-onboarding__path-title">Draw your first triangle.</h3><p class="luma-onboarding__path-description">Start with a live, backend-switchable scene, then follow its rendering pipeline one step at a time.</p><span class="luma-onboarding__path-meta">Interactive fundamentals →</span>
|
|
|
/docs/api-guide/engine
|
<span class="luma-onboarding__path-kicker">Build worlds</span><h3 class="luma-onboarding__path-title">Meet the rendering engine.</h3><p class="luma-onboarding__path-description">Explore models, animation loops, geometry, materials, and reusable shader modules.</p><span class="luma-onboarding__path-meta">Engine API guide →</span>
|
|
|
/docs/capabilities/gpu-data-compute
|
<span class="luma-onboarding__path-kicker">Move faster</span><h3 class="luma-onboarding__path-title">Think in GPU compute.</h3><p class="luma-onboarding__path-description">Compare portable data operations with WebGPU-native compute for simulation, filtering, and spatial processing.</p><span class="luma-onboarding__path-meta">Choose a GPU data workflow →</span>
|
|
|
/docs/api-guide/shaders/shader-passes
|
<span class="luma-onboarding__path-kicker">Create effects</span><h3 class="luma-onboarding__path-title">Shape every pixel.</h3><p class="luma-onboarding__path-description">Experiment with live image effects, then compose post-processing passes and reusable shader modules.</p><span class="luma-onboarding__path-meta">Shader and effect passes →</span>
|
|
|
/docs/developer-guide/installing
|
<span>Build your first project</span><span aria-hidden="true">→</span>
|
|
|
/docs
|
<div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">luma.gl documentation</div>
|
|
|
/docs/capabilities
|
<div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Framework Capabilities</div>
|
|
