
<div class="tsd-page-title">
<ul class="tsd-breadcrumb" aria-label="Breadcrumb">
<li><a href="" aria-current="page">createSprite2DLayer</a></li></ul>
<h1>Function createSprite2DLayer</h1></div>
<section class="tsd-panel">
<ul class="tsd-signatures">
<li class="">
<div class="tsd-signature tsd-anchor-link" id="createsprite2dlayer"><span class="tsd-kind-call-signature">createSprite2DLayer</span><span class="tsd-signature-symbol">(</span><br>    <span class="tsd-kind-parameter">atlas</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/SpriteAtlas.html" class="tsd-signature-type tsd-kind-interface">SpriteAtlas</a><span class="tsd-signature-symbol">,</span><br>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/Sprite2DLayerOptions.html" class="tsd-signature-type tsd-kind-interface">Sprite2DLayerOptions</a><span class="tsd-signature-symbol">,</span><br><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/Sprite2DLayer.html" class="tsd-signature-type tsd-kind-interface">Sprite2DLayer</a><a href="#createsprite2dlayer" 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></div>
<div class="tsd-description">
<div class="tsd-comment tsd-typography"><p>Create a new (empty) <code>Sprite2DLayer</code> backed by <code>atlas</code>.</p>
</div>
<div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list">
<li><span><span class="tsd-kind-parameter">atlas</span>: <a href="../interfaces/SpriteAtlas.html" class="tsd-signature-type tsd-kind-interface">SpriteAtlas</a></span></li>
<li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/Sprite2DLayerOptions.html" class="tsd-signature-type tsd-kind-interface">Sprite2DLayerOptions</a><span class="tsd-signature-symbol"> = {}</span></span></li></ul></div>
<h4 class="tsd-returns-title">Returns <a href="../interfaces/Sprite2DLayer.html" class="tsd-signature-type tsd-kind-interface">Sprite2DLayer</a></h4><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#L258">packages/babylon-lite/src/sprite/sprite-2d.ts:258</a></li></ul></aside></div></li></ul></section>

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

Function createSprite2DLayer

Parameters

Returns Sprite2DLayer