# 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 preview](https://legend.so/slides/effects/previews/falling-sprites/afe19755a409915e4f035fee718b8fd69ccc769e1c49b49301c770f145520ba7.mp4)

Recorded in Legend Slides for macOS (release build).

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

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

## Use it in a deck

falling-sprites.mdx

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

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

export const spark = "https://legend.so/slides/effects/sprites/27a97604dbfc999d0c342d2de5f32490ffbe09c5309a1a29b884d563d2474714.png";

# Falling sprites

<View style={{ width: 1696, height: 650 }}>
<Text style={{ color: "#fff7ed", fontSize: 92, textAlign: "center", marginTop: 160 }}>Spark shower</Text>
<FallingSprites width={900} barHeight={30} x={398} y={340} sprite={spark} spriteScale={1.5} />
</View>
```

## Configure

**sprite**

Supply a sprite image URI.

**width / x / y**

Set the emitter position and width.

**spriteScale**

Scale sprite size; defaults to 1.

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)
