
<div class="tsd-page-title">
<ul class="tsd-breadcrumb" aria-label="Breadcrumb">
<li><a href="" aria-current="page">Sprite2DView</a></li></ul>
<h1>Interface Sprite2DView</h1></div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography"><p>Per-layer 2D camera (pan / zoom / rotation). Identity = pixel-perfect HUD.</p>
</div></section>
<div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Sprite2DView</span> <span class="tsd-signature-symbol">{</span><br>    <a class="tsd-kind-property" href="#positionpx">positionPx</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">;</span><br>    <a class="tsd-kind-property" href="#rotation">rotation</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br>    <a class="tsd-kind-property" href="#zoom">zoom</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/BabylonJS/Babylon-Lite/blob/a2601bc413c969c55610b70dc73bb8c892c7e8a7/packages/babylon-lite/src/sprite/sprite-2d.ts#L31">packages/babylon-lite/src/sprite/sprite-2d.ts:31</a></li></ul></aside>
<section class="tsd-panel-group tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>
<h5 class="tsd-index-heading uppercase">Index</h5></summary>
<div class="tsd-accordion-details">
<section class="tsd-index-section">
<h3 class="tsd-index-heading tsd-anchor-link" id="properties">Properties<a href="#properties" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
<div class="tsd-index-list"><a href="#positionpx" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>position<wbr>Px</span></a>
<a href="#rotation" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>rotation</span></a>
<a href="#zoom" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>zoom</span></a>
</div></section></div></details></section></section>
<details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>
<h2 class="tsd-anchor-link" id="properties-1">Properties<a href="#properties-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h2></summary>
<section>
<section class="tsd-panel tsd-member">
<h3 class="tsd-anchor-link" id="positionpx"><span>position<wbr>Px</span><a href="#positionpx" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
<div class="tsd-signature"><span class="tsd-kind-property">positionPx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">]</span></div><aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/BabylonJS/Babylon-Lite/blob/a2601bc413c969c55610b70dc73bb8c892c7e8a7/packages/babylon-lite/src/sprite/sprite-2d.ts#L32">packages/babylon-lite/src/sprite/sprite-2d.ts:32</a></li></ul></aside></section>
<section class="tsd-panel tsd-member">
<h3 class="tsd-anchor-link" id="rotation"><span>rotation</span><a href="#rotation" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
<div class="tsd-signature"><span class="tsd-kind-property">rotation</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/BabylonJS/Babylon-Lite/blob/a2601bc413c969c55610b70dc73bb8c892c7e8a7/packages/babylon-lite/src/sprite/sprite-2d.ts#L34">packages/babylon-lite/src/sprite/sprite-2d.ts:34</a></li></ul></aside></section>
<section class="tsd-panel tsd-member">
<h3 class="tsd-anchor-link" id="zoom"><span>zoom</span><a href="#zoom" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3>
<div class="tsd-signature"><span class="tsd-kind-property">zoom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/BabylonJS/Babylon-Lite/blob/a2601bc413c969c55610b70dc73bb8c892c7e8a7/packages/babylon-lite/src/sprite/sprite-2d.ts#L33">packages/babylon-lite/src/sprite/sprite-2d.ts:33</a></li></ul></aside></section></section></details>

Welcome

Getting Started

Feature Comparison

Porting Guide

Playground

Headless Null Engine

Overview

Scene

Camera

Lights

Loaders

Background Skybox

PBR Material

Animation

Standard Material

Texture 2D

Mesh Generators

Scene Hierarchy Parenting

Thin Instances

Skeleton

Morph Targets

Vertex Animation Texture

Shadow Generator

Cascaded Shadow

Picking

Loader HDR

Loader Babylon

Core Math

Engine

Shader Composition

Shader Material

Grid Material

Material Plugin

Render Pipeline

Frame Graph

Post Process

Effect Renderer

Geometry Renderer

Sprites

Text

Geospatial Camera

Large World Rendering

High Precision Matrix

Resource Pool

Bundle Size Tooling

Animation Parity Testing

Material Stencil

Audio Engine

Node Particle

Physics

Webxr

Mesh Geometry Update

Storage Buffer

Mesh Geometry Access

Error Handling

Line System

Device Lost Recovery

Alpha To Coverage

Flow Graph

Screen Space Effects

Async Shader Pipeline Compilation

Compute

Texture Array

World Screen Projection

Gaussian Splat Streaming

Mesh Blending

Render Shader

Texture Region

Texture Render Target

Engine Gpu Events

Demo Antigravity Racer

Demo Ocean

Demo Playroom

Loader Usd

Node Block Selection

Architecture

Bundle Size Results