bassguitarbill/top-down-action-adventure
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Multiline messages

Browse Source
This commit is contained in:
Bill Rossi 2025-06-07 09:55:54 -04:00
parent 56e6a728c3
commit 8537af9f08
2 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
rooms/sample.tmj
View File

@ -100,7 +100,7 @@
{
"name":"messageText",
"type":"string",
"value":"I'm just a humble box!"
"value":"I'm just a humble box!\nIt's possible to say more than one thing you know."
}],
"rotation":0,
"type":"",

25
src/message.js
View File

@ -1,7 +1,8 @@
export default class Message {
constructor(game, text) {
this.game = game
this.text = text
this.text = text.split("\n")
this.currentText = this.text.shift()
this.textColor = "white"
this.backgroundColor = "black"
this.textIndex = 0
@ -19,8 +20,12 @@ export default class Message {
if (ijp) {
if (this.messageComplete()) {
this.game.closeMessage(this)
} else if (this.lineComplete()) {
this.currentText = this.text.shift()
this.textProgress = 0.0
this.textIndex = 0
} else {
this.textProgress = this.text.length
this.textProgress = this.currentText.length
}
}
}
@ -31,17 +36,29 @@ export default class Message {
ctx.font = `bold ${this.textSize}px sans-serif`
ctx.textBaseline = "top"
ctx.fillStyle = this.textColor
ctx.fillText(this.text.substring(0, this.textIndex), 5, 5)
ctx.fillText(this.currentText.substring(0, this.textIndex), 5, 5)
if (this.messageComplete()) {
ctx.fillRect(
ctx.canvas.width - 20,
this.backgroundHeight - 20,
10, 10
)
} else if (this.lineComplete()) {
ctx.beginPath()
ctx.moveTo(ctx.canvas.width - 20, this.backgroundHeight - 20)
ctx.lineTo(ctx.canvas.width - 20, this.backgroundHeight - 10)
ctx.lineTo(ctx.canvas.width - 15, this.backgroundHeight - 15)
ctx.lineTo(ctx.canvas.width - 20, this.backgroundHeight - 20)
ctx.fill()
ctx.closePath()
}
}
lineComplete() {
return this.textIndex >= this.currentText.length + 3
}
messageComplete() {
return this.textIndex >= this.text.length + 3
return this.lineComplete() && !this.text.length
}
}