# How to create cutscenes?

**URL:** <https://phaser.discourse.group/t/how-to-create-cutscenes/10035>\
**Category:** Phaser 3\
**Created:** [July 29, 2021, 11:18am UTC](https://phaser.discourse.group/t/how-to-create-cutscenes/10035 "2021-07-29T11:18:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tautologias345](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@tautologias345](https://phaser.discourse.group/u/tautologias345)\
**Post date:** [July 29, 2021, 11:18am UTC](https://phaser.discourse.group/t/how-to-create-cutscenes/10035/1 "2021-07-29T11:18:38Z")

</div>

I want to create movies, but not using video editors like Wondershare Filmora. I can create movies using game engines like Unity. How can I create movies with Phaser 3? It’s the same way to create cutscenes for games.

---

<div class="post-metadata">

**Author:** ![SkyAlpha](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/skyalpha/32/3451_2.png) [@SkyAlpha](https://phaser.discourse.group/u/SkyAlpha)\
**Post date:** [July 29, 2021, 11:42pm UTC](https://phaser.discourse.group/t/how-to-create-cutscenes/10035/2 "2021-07-29T23:42:11Z")

</div>

I’m pretty much interested on this as well.

---

<div class="post-metadata">

**Author:** ![NickHatBoecker](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/nickhatboecker/32/5380_2.png) [@NickHatBoecker](https://phaser.discourse.group/u/NickHatBoecker)\
**Post date:** [August 13, 2021, 7:30am UTC](https://phaser.discourse.group/t/how-to-create-cutscenes/10035/3 "2021-08-13T07:30:51Z")

</div>

I was confronted with the same problem in my topdown adventure, so I wrote a whole EventManager class to trigger different events. For example change direction of the player, make the player step, make NPC spawn, make NPC step, start dialog and so on… It’s hell of a code… so if there is any easier solution, I would be glad to know 😃

---

<div class="post-metadata">

**Author:** ![rexrainbow](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/rexrainbow/32/51_2.png) [@rexrainbow](https://phaser.discourse.group/u/rexrainbow)\
**Post date:** [August 13, 2021, 4:41pm UTC](https://phaser.discourse.group/t/how-to-create-cutscenes/10035/4 "2021-08-13T16:41:20Z")

</div>

I had created some plugins for this case. The latest one is [Text player](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/textplayer/), which can control text typing, character animation, and sprites, sounds, camera. Embedded control instructions into a single text string.

- [Text typing](https://codepen.io/rexrainbow/pen/oNZbbJv)
- [Sprite control](https://codepen.io/rexrainbow/pen/jOBroeY)

Another one is [CSV-Scenario](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/csvscenario/), which is csv-string based (i.e. can edit instructions on excel, or google document),

- [Demo](https://codepen.io/rexrainbow/pen/OELGaR), and its [csv instructions](https://docs.google.com/spreadsheets/d/1e8gXz-ISJC25D4afx_q9pMsozYLpbeMad_kJ8vEbqTo/edit?usp=sharing)

Last, the simplest one, [Sequence](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/sequence/), instructions are in an function-name, parameters array. Sequence plugin will listen ‘complete’ event, if returns an event emitter.

- [Demo](https://codepen.io/rexrainbow/pen/vjPpQa)