new Text(game, x, y, text, style)
Create a new Text
object.
Parameters:
Name | Type | Description |
---|---|---|
game |
Phaser.Game | Current game instance. |
x |
number | X position of the new text object. |
y |
number | Y position of the new text object. |
text |
string | The actual text that will be written. |
style |
object | The style object containing style attributes like font, font size , |
- Source:
Members
-
align
-
- Source:
Properties:
Name Type Description align
string Alignment for multiline text ('left', 'center' or 'right'), does not affect single line text.
-
angle
-
Indicates the rotation of the Text, in degrees, from its original orientation. Values from 0 to 180 represent clockwise rotation; values from 0 to -180 represent counterclockwise rotation. Values outside this range are added to or subtracted from 360 to obtain a value within the range. For example, the statement player.angle = 450 is the same as player.angle = 90. If you wish to work in radians instead of degrees use the property Sprite.rotation instead.
- Source:
Properties:
Name Type Description angle
number Gets or sets the angle of rotation in degrees.
-
cameraOffset
-
- Source:
Properties:
Name Type Description cameraOffset
Phaser.Point If this object is fixedToCamera then this stores the x/y offset that its drawn at, from the top-left of the camera view.
-
events
-
- Source:
Properties:
Name Type Description events
Phaser.Events The Events you can subscribe to that are dispatched when certain things happen on this Sprite or its components.
-
exists
-
- Default Value:
- true
- Source:
Properties:
Name Type Description exists
boolean If exists = false then the Text isn't updated by the core game loop.
-
fill
-
- Source:
Properties:
Name Type Description fill
object A canvas fillstyle that will be used on the text eg 'red', '#00FF00'.
-
fixedToCamera
-
An Text that is fixed to the camera uses its x/y coordinates as offsets from the top left of the camera. These are stored in Text.cameraOffset. Note that the cameraOffset values are in addition to any parent in the display list. So if this Text was in a Group that has x: 200, then this will be added to the cameraOffset.x
- Source:
Properties:
Name Type Description fixedToCamera
boolean Set to true to fix this Text to the Camera at its current world coordinates.
-
font
-
- Source:
Properties:
Name Type Description font
string The font the text will be rendered in, i.e. 'Arial'. Must be loaded in the browser before use.
-
fontSize
-
- Source:
Properties:
Name Type Description fontSize
number The size of the font in pixels.
-
fontWeight
-
- Source:
Properties:
Name Type Description fontWeight
number The weight of the font: 'normal', 'bold', 'italic'. You can combine settings too, such as 'bold italic'.
-
game
-
- Source:
Properties:
Name Type Description game
Phaser.Game A reference to the currently running Game.
-
input
-
- Source:
Properties:
Name Type Description input
Phaser.InputHandler | null The Input Handler for this object. Needs to be enabled with image.inputEnabled = true before you can use it.
-
inputEnabled
-
By default a Text object won't process any input events at all. By setting inputEnabled to true the Phaser.InputHandler is activated for this object and it will then start to process click/touch events and more.
- Source:
Properties:
Name Type Description inputEnabled
boolean Set to true to allow this object to receive input events.
-
lineSpacing
-
- Source:
Properties:
Name Type Description lineSpacing
number Additional spacing (in pixels) between each line of text if multi-line.
-
name
-
- Source:
Properties:
Name Type Description name
string The user defined name given to this object.
-
shadowBlur
-
- Source:
Properties:
Name Type Description shadowBlur
number The shadowBlur value. Make the shadow softer by applying a Gaussian blur to it. A number from 0 (no blur) up to approx. 10 (depending on scene).
-
shadowColor
-
- Source:
Properties:
Name Type Description shadowColor
string The color of the shadow, as given in CSS rgba format. Set the alpha component to 0 to disable the shadow.
-
shadowOffsetX
-
- Source:
Properties:
Name Type Description shadowOffsetX
number The shadowOffsetX value in pixels. This is how far offset horizontally the shadow effect will be.
-
shadowOffsetY
-
- Source:
Properties:
Name Type Description shadowOffsetY
number The shadowOffsetY value in pixels. This is how far offset vertically the shadow effect will be.
-
stroke
-
- Source:
Properties:
Name Type Description stroke
string A canvas fillstyle that will be used on the text stroke eg 'blue', '#FCFF00'.
-
strokeThickness
-
- Source:
Properties:
Name Type Description strokeThickness
number A number that represents the thickness of the stroke. Default is 0 (no stroke)
-
text
-
The text string to be displayed by this Text object, taking into account the style settings.
- Source:
Properties:
Name Type Description text
string The text string to be displayed by this Text object, taking into account the style settings.
-
type
-
- Source:
Properties:
Name Type Description type
number The const type of this object.
-
wordWrap
-
- Source:
Properties:
Name Type Description wordWrap
boolean Indicates if word wrap should be used.
-
wordWrapWidth
-
- Source:
Properties:
Name Type Description wordWrapWidth
number The width at which text will wrap.
-
world
-
- Source:
Properties:
Name Type Description world
Phaser.Point The world coordinates of this Sprite. This differs from the x/y coordinates which are relative to the Sprites container.
Methods
-
destroy()
-
- Source:
-
postUpdate()
-
Automatically called by World.postUpdate.
- Source:
-
preUpdate()
-
Automatically called by World.preUpdate.
- Source:
-
setShadow(x, y, color, blur)
-
Parameters:
Name Type Argument Default Description x
number <optional>
0 The shadowOffsetX value in pixels. This is how far offset horizontally the shadow effect will be.
y
number <optional>
0 The shadowOffsetY value in pixels. This is how far offset vertically the shadow effect will be.
color
string <optional>
'rgba(0,0,0,0)' The color of the shadow, as given in CSS rgba format. Set the alpha component to 0 to disable the shadow.
blur
number <optional>
0 The shadowBlur value. Make the shadow softer by applying a Gaussian blur to it. A number from 0 (no blur) up to approx. 10 (depending on scene).
- Source:
-
setStyle(style)
-
Set the style of the text by passing a single style object to it.
Parameters:
Name Type Argument Description style
Object <optional>
The style parameters
Properties
Name Type Argument Default Description font
String <optional>
'bold 20pt Arial' The style and size of the font
fill
Object <optional>
'black' A canvas fillstyle that will be used on the text eg 'red', '#00FF00'
align
String <optional>
'left' Alignment for multiline text ('left', 'center' or 'right'), does not affect single line text
stroke
String <optional>
'black' A canvas fillstyle that will be used on the text stroke eg 'blue', '#FCFF00'
strokeThickness
Number <optional>
0 A number that represents the thickness of the stroke. Default is 0 (no stroke)
wordWrap
Boolean <optional>
false Indicates if word wrap should be used
wordWrapWidth
Number <optional>
100 The width at which text will wrap
- Source:
-
update()
-
Override and use this function in your own custom objects to handle any update requirements you may have.
- Source: