如何在 Phaser 框架中显示当前时间？

Question

我似乎找不到如何在 Phaser 框架中显示当前时间的示例。我已经浏览了官方网站上的examples，我能想到的只是计时器倒计时的例子，或者朝某事倒计时（比如this example，例如，双关语:)）。

Answer 1

您的示例将起作用。但是，它会检查每次更新的时间（每帧运行一次），这在计算上更加昂贵，并且可能会减慢您的游戏速度。这是一个带有每秒更新时间的计时器的解决方案：

var timeString;
var timeText;

function create() {
    var style = { fill : "#FFFFFF" };
    timeText = game.add.text(200, 200, timeString, style);

    var timer = game.time.create();
    timer.repeat(1 * Phaser.Timer.SECOND, 7200, updateTime, this);
    timer.start();
}

function updateTime() {
    var time = new Date();

    var hours = time.getHours();
    var minutes = time.getMinutes();
    var seconds = time.getSeconds();

    if (hours < 10) {
        hours = "0" + hours;
    }
    if (minutes < 10) {
        minutes = "0" + minutes;
    }
    if (seconds < 10) {
        seconds = "0" + seconds;
    }

    timeString = hours + ":" + minutes + ":" + seconds;
    timeText.text = timeString;
}

Link to Phaser Sandbox with this example

Answer 2

由于我确实没有找到官方示例，所以我把它放在这里，仅供参考，以便它可以帮助那些将搜索与我相同的确切查询词的人。

似乎比我想象的要容易。简单地说，使用 JavaScript 函数更新 update 方法中的文本，该函数使用 Date 对象返回所需的时间信息：

var timeText = game.add.text(10, 10, "00:00:00");
function update(){
    timeText.setText(getCurrentTime());
}

function getCurrentTime(){
    var currentdate = new Date(); 
    var time = currentdate.getHours() + ":"  + currentdate.getMinutes() + ":" + currentdate.getSeconds();
    return time;
}