在Javascript中创建基于文本的FPS[已解决]

原始问题
当我在C++中进行游戏时，窗口和缓冲区大小为120×40，屏幕（WaCalt T的数组）相同，因此每个字符将占据相等的空间，使得整个数组将生成屏幕，然后在控制台

上重新绘制它。 我正在尝试使基本控制台与画布一起工作，但不是每个角色都有相同的空间，也不是所有角色都适合它

//Display map
    for (nx = 0; nx < MAP_WIDTH; nx++)
    {
        for (ny = 0; ny < MAP_HEIGHT; ny++)
        {
            Screen[(ny + 1) * SCREEN_WIDTH + nx] = MAP[ny * MAP_WIDTH + nx] //returns a character '#' or '.';
        }
    }

这是数组的初始化 现在我如何将屏幕缓冲区绘制到画布上 在C++中，它会像这个< /P>

//最后打印屏幕
屏幕[屏幕宽度*屏幕高度-1]='\0'；
WriteConsoleOutputCharacter（hConsole、screen、ScreenWidth*ScreenHeight、{0,0}、&dwbytesWrite）；

我放弃了画布，只是在一个para标签中打印了我的文本，带有这样的标签

let line = "";
    for (let y = 0; y < SCREEN_HEIGHT; y++) 
    {
        for (let x = 0; x < SCREEN_WIDTH; x++)
        {
            line += screen[y * SCREEN_WIDTH + x];
        }
        line += "\n";
    }

    document.getElementById("consoletext").innerText = line;

let line=”“；
对于（设y=0；y<屏幕高度；y++）
{
对于（设x=0；x

let line = "";
    for (let y = 0; y < SCREEN_HEIGHT; y++) 
    {
        for (let x = 0; x < SCREEN_WIDTH; x++)
        {
            line += screen[y * SCREEN_WIDTH + x];
        }
        line += "\n";
    }

    document.getElementById("consoletext").innerText = line;