# Phaser typewritter effect plugin

**URL:** <https://phaser.discourse.group/t/phaser-typewritter-effect-plugin/234>\
**Category:** Phaser 2 / CE\
**Created:** [December 10, 2018, 2:38pm UTC](https://phaser.discourse.group/t/phaser-typewritter-effect-plugin/234 "2018-12-10T14:38:25Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![netgfx](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/netgfx/32/17_2.png) [@netgfx](https://phaser.discourse.group/u/netgfx)\
**Post date:** [December 10, 2018, 2:38pm UTC](https://phaser.discourse.group/t/phaser-typewritter-effect-plugin/234/1 "2018-12-10T14:38:26Z")

</div>

A typewriter effect wrapper for [Phaser.io](http://Phaser.io) Javascript library

> [GitHub - netgfx/Phaser-typewriter: A phaser helper for the typewriter effect](https://github.com/netgfx/Phaser-typewriter)

![68747470733a2f2f6e65746766782e636f6d2f7472756e6b2f72616e646f6d504943532f5265636f7264696e67253230395f7a70736a346a387078676f2e676966](https://global.discourse-cdn.com/free1/uploads/phaser1/original/1X/62ff32205a6895d9527d01541a5c118cc332ef38.gif)

---

<div class="post-metadata">

**Author:** ![NRJ](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/nrj/32/952_2.png) [@NRJ](https://phaser.discourse.group/u/NRJ)\
**Post date:** [December 10, 2018, 2:46pm UTC](https://phaser.discourse.group/t/phaser-typewritter-effect-plugin/234/2 "2018-12-10T14:46:11Z")

</div>

Very useful, thanks for sharing.

---

<div class="post-metadata">

**Author:** ![Mickety](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/mickety/32/158_2.png) [@Mickety](https://phaser.discourse.group/u/Mickety)\
**Post date:** [December 10, 2018, 4:24pm UTC](https://phaser.discourse.group/t/phaser-typewritter-effect-plugin/234/3 "2018-12-10T16:24:21Z")

</div>

So this basically runs through text as an array and makes each letter’s alpha equal to 1, meaning all the text is already there with alignment and space taken? If that’s the case and if one would want to replicate Resident Evil type of typewriter effect I’d suggest making displayed text an empty array and adding letters from the string text you want to type instead of making text just visible. Or something like that. Nevertheless - good job.

---

<div class="post-metadata">

**Author:** ![B3L7](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/b3l7/32/25_2.png) [@B3L7](https://phaser.discourse.group/u/B3L7)\
**Post date:** [December 10, 2018, 8:38pm UTC](https://phaser.discourse.group/t/phaser-typewritter-effect-plugin/234/4 "2018-12-10T20:38:55Z")

</div>

This is awesome! Well done!

---

<div class="post-metadata">

**Author:** ![PBMCube](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/pbmcube/32/93_2.png) [@PBMCube](https://phaser.discourse.group/u/PBMCube)\
**Post date:** [December 11, 2018, 4:06pm UTC](https://phaser.discourse.group/t/phaser-typewritter-effect-plugin/234/5 "2018-12-11T16:06:58Z")

</div>

Simply Superior work! Many other such effects could be mimicked from PowerPoint??? Right? (this is a hint because of the superior work you demonstrate.)

---

<div class="post-metadata">

**Author:** ![netgfx](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/netgfx/32/17_2.png) [@netgfx](https://phaser.discourse.group/u/netgfx)\
**Post date:** [December 11, 2018, 5:24pm UTC](https://phaser.discourse.group/t/phaser-typewritter-effect-plugin/234/6 "2018-12-11T17:24:57Z")

</div>

It was created for a gamejam on 2015 [https://github.com/netgfx/gamejam2015](https://github.com/netgfx/gamejam2015), I think it was a good game at least for 28 hours of straight coding.