CAPITOLO 5.2
Text
this._helloWorld = this.add.text(x, y, "Hello World!", { fontSize: "20px" });
| Parametro | Tipo | Descrizione |
|---|---|---|
x | number | Posizione orizzontale |
y | number | Posizione verticale |
text | string | Testo da visualizzare |
style | TextStyle | Configurazione visiva (fontFamily, fontSize, color, …) |
Le proprietà di stile più usate sono fontFamily, fontSize, backgroundColor e color. Consulta la documentazione completa su docs.phaser.io/phaser3.
.setText(value)
Aggiorna il testo — indispensabile per punteggi e countdown:
this._scoreText.setText("Punti: " + this._score);
.setStroke(color, thickness)
Aggiunge un bordo al testo:
this._helloWorld.setStroke("#ff0000", 5);
.setShadow(x, y, color, blur)
Aggiunge un'ombra. x e y sono l'offset rispetto al testo, blur la diffusione:
this._helloWorld.setShadow(2, 2, "#000000", 2);
.setWordWrapWidth(width)
Limita la larghezza del testo in pixel, mandando a capo automaticamente le righe troppo lunghe:
this._helloWorld.setWordWrapWidth(500);
Il Text è il gameObject più umile del catalogo — e quello che userai più spesso di tutti.
Ogni punteggio, ogni countdown, ogni messaggio di "Game Over" passa da qui. E la cosa bella? È letteralmente tre righe: crei il testo, salvi il riferimento, chiami setText() quando il valore cambia.
Tip pro: tieni il testo lontano dalle schermate di gioco finché non sei sicuro della posizione. setPosition() a runtime costa zero e ti salva dal rimettere mano al create() ogni volta che sposti qualcosa.
setWordWrapWidth è quella funzione che ignori finché non hai una stringa lunga che esce dallo schermo. Poi la ami per sempre. 📝