# Falling sprites

Images fall through fire, splash and accumulate on the stage floor.

Source: https://legend.so/slides/effects/falling-sprites/

Legend Slides: Preview.

[← All effects](https://legend.so/slides/effects/)![Falling sprites in Legend Slides](https://legend.so/slides/effects/previews/falling-sprites/980d47afd350b5bb99819fffd0e1452bfd0f74ace6c9b243dc0aeb26fcf2b79e.png)

Still captured in Legend Slides for macOS (development build).

[Install in Slides](legend-slides://effects/install?pack=materials&version=1.0.0)[Open example in Slides](legend-slides://effects/example?effect=falling-sprites)[Download example](https://legend.so/slides/effects/examples/falling-sprites/8db532ecef29d66fa77178555cb1f74445dcb109b0b28da16e2e03b5330b2402.mdx)

Requires a Legend Slides build with effect installation support. Installs the materials pack (1.0.0, 45 KB source) and its dependencies. macOS host capabilities: reanimated, skia, webgpu. Installed decks work offline.

## Use it in a deck

```mdx
---
title: Falling sprites
---

import { View, Text } from "react-native";
import { FallingSprites } from "slides:materials/Fire";


# Falling sprites

<View style={{ width: 1696, height: 650 }}>
<FallingSprites width={600} barHeight={30} x={548} y={300} sprite={"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACgCAIAAABseyVrAAADvElEQVR4nO3ZsY3cMBCG0evAoXtwBa7LHRhw6HouO8BFOVgYF7iA1UqUOENSmAd88ehn8CK9ffn6TSrb2/QF0sQAUOkAUOkAUOkAUOkAUOkAUOkAUOkAUOkAUOkAUOkAUOm6AHz/eEypZ/PP348p9Wz+8+tzSj2b//54nxIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMBxj3+f+y0I4HDzggAONy8I4HDzvQEcPu8sgwEATm1eBMCpzYsAOLX5lgBOvbDRQDaAC5unA7iweTqAC5vvBODC8xoZ5AHo3DwFQOfmKQA6N98AQOcL9w0kAQjZPBhAyObBAEI2AwAAAKsCCHnhjoEMAIGbhwEI3DwMQODmRQEEvvCVgXAA4ZsHAAjfPABA+GYAAABgJQDhL9w0EAsgaXMqgKTNqQCSNgMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAJoAMA8+fiAWQYeD5E7EAMgw8fyIWQIaB508AAAAAUwHEGti8Hw4g1sDm/XAAsQY274cDiDWweX8JAFEGXh3PABBl4NXxDABRBl4dzwAQZeDVcQAAAGABAP0Gdi4nAeg3sHM5CUC/gZ3LSQD6DexcXgjAZQaHN/MAXGZweDMPwGUGhzfzAFxmcHhzOQBnDbQczAZw1kDLwWwAZw20HMwGcNZAy8EVATQyaD81AEAjg/ZTAwA0Mmg/NQBAI4P2U+sCCGwYgMCGAQhsGIDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACoDkO4eACodACodACodACodACodACodACodACqdP8H+BPsTDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADUBiDdPQBUOgBUOgBUOgBUOgBUOgBUOv8B/AfwHwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADghgCkuweASgeASgeASgeASgeASgeASgeASgeASgeASgeASgeASvcfT6aDDVH/LJsAAAAASUVORK5CYII="} />
</View>
```

## Configure

**sprite**

Supply a sprite image URI.

**width / x / y**

Set the emitter position and width.

Only imported effects enter the compiled deck. [Installation and versioning →](https://legend.so/slides/effects/installation/)

[View Markdown](https://legend.so/slides/effects/falling-sprites.md)[Report a documentation correction](https://github.com/LegendApp/legend-docs/issues/new?title=Docs%3A+Falling+sprites&body=Page%3A+https%3A%2F%2Flegend.so%2Fslides%2Feffects%2Ffalling-sprites%0A%0AWhat+is+incorrect+or+missing%3F%0A%0AExpected+behavior+or+supporting+source%3A%0A)