# Swipeable Level Selection + Background Animations (v3)

**URL:** <https://phaser.discourse.group/t/swipeable-level-selection-background-animations-v3/1318>\
**Category:** Examples\
**Created:** [February 20, 2019, 2:51pm UTC](https://phaser.discourse.group/t/swipeable-level-selection-background-animations-v3/1318 "2019-02-20T14:51:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![yannick](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/yannick/32/732_2.png) [@yannick](https://phaser.discourse.group/u/yannick)\
**Post date:** [February 20, 2019, 2:51pm UTC](https://phaser.discourse.group/t/swipeable-level-selection-background-animations-v3/1318/1 "2019-02-20T14:51:17Z")

</div>

# Swipeable Level Selection + Background Animations

I have built a swipeable menu like the one in **Red Ball 4** for **Phaser 3**.

- [Play the demo](https://s3.eu-central-1.amazonaws.com/phaser3-typescript/swipeable-level-selection/index.html)
- [Visit the repository](https://github.com/yandeu/phaser3-swipeable-level-selection)
- Direct Link to [/src/scripts](https://github.com/yandeu/phaser3-swipeable-level-selection/tree/master/src/scripts)

[https://global.discourse-cdn.com/free1/uploads/phaser1/original/1X/ebba225f10e3f100b722fc90da9d813dbce5601a.mp4](https://global.discourse-cdn.com/free1/uploads/phaser1/original/1X/ebba225f10e3f100b722fc90da9d813dbce5601a.mp4)

# About

The menu consists of 2 classes. The SwipeableMenu Class and the Animations Class. The Animations Class is listening for the **“onMenuScroll”** Event of the SwipeableMenu Class to animation the sprites.

You can find the TypeScript version of the SwipeableMenu Class [here](https://github.com/yandeu/phaser3-swipeable-level-selection/tree/master/src/scripts/components/swipeableMenu/ts) and the JavaScript (es2015) version [here](https://github.com/yandeu/phaser3-swipeable-level-selection/tree/master/src/scripts/components/swipeableMenu/js).

I hope like it and will be able to use it in your projects! 😃