如何清除p5js画布上的旧文本

Question

var j=0;
    function keyPressed() {                 
            word[j] =key;
            j++;

            if(keyCode == BACKSPACE){           
                shorten(word);
                shorten(word);
                arrayCopy(word, contents);          
            }
            else{
                contents=key;
            }

    }
    function draw(){
        text(contents, pos_x, pos_y, 300, 300); 
        pos_x = pos_x + textWidth(contents);
    }

当我使用退格键时，我使用shorten（）删除array.how的最后一个元素，将这个新文本放在画布上，而不调用clear（）和background（）。

Answer 1

您已经列出了两个选项。

选项1：每一帧，调用background()函数清除旧帧，然后再次绘制所有内容。

选项2：使用createGraphics()功能将您想要清除的内容绘制到屏幕外缓冲区。然后每一帧，清除旧帧，将屏幕外缓冲区绘制到屏幕上，然后在其上绘制“动态”内容。

你将不得不尝试这两种方法，并且更具体地说明你害怕的“表现”。但总的来说，上述两种方法正是你如何处理这个问题的。