Text Bubbles for PhaserJS

A text bubble class for PhaserJS

Live Demo

View Live Demo

Screenshot

How to Use

• Place script tag in document header <script src="TextBox.js"></script>

• Load two images in preload phaser function

• Set the x y, width, and numberOfLines. (The chosen y coord will either be the top or bottom left corner of the text bubble depending on if anchor is set to "top" or "bottom". Set textColor and backgroundColor. Set text to the desired text, and create an instance by calling the constructor as shown in the image.

• Note, the text bubble will automatically display text in segments of numberOfLines until the text ends at which time the text bubble disappears.

• Call myTextBox.showNext() method to prompt the text box to show the next lines of text. As per below, the demo calls this method when the spacebar is pressed.

Developed by: RichardHay.es