p5.j​​s画布不可见

Question

你好，正在读这篇文章的人

我对以下代码有问题，似乎无法让浏览器显示画布

JS代码：

sketch.js：

     var blob;

     function setup() {
        createCanvas(600, 600);
        blob = new Blob();
    }

    function draw() {
        background(0);
        blob.show();
    }

blob.js：

     function Blob() {
        this.pos = createVector(width / 2, height / 2);
        this.r = 64;
    }

    this.show = function() {
        fill(255);
        ellipse(this.pos.x, this.pos.y, this.r * 2, this.r * 2);
    };

我首先使用script-src属性将其链接为外部javascript文件，该文件不起作用，然后我尝试将其嵌入HTML文档中，但是那也不起作用。

我还尝试过更改浏览器，但无法更改网页外观，该网页仍然为空白。

然后我尝试使用该元素显示画布，但效果不佳。

请帮助，我是使用p5.js画布的新手

Answer 1

this.show()方法应成为Blob()对象的一部分，

function Blob() {
  this.pos = createVector(width / 2, height / 2);
  this.r = 64;
  this.show = function() {
    fill(255);
    ellipse(this.pos.x, this.pos.y, this.r * 2, this.r * 2);
  }
}; 

Here是一个可行的例子。