创建一个简单的处理 p5.js 库

Question

我试图创建一个简单的库并运行遇到问题。这是我的 html 文件：

`
<html>
    <script src = 'p5.min.js'></script>
    <script src = 'mosaic.js'></script>
    <script src = 'sketch.js'></script>
    <body>
        <script>setMosaic(true)</script>
    </body>
</html>
`

mosaic.js 是我正在创建的库。

mosaic.js的内容是：

`
p5.prototype._isMosaic = false;
p5.prototype.setMosaic = function(status){
    this._isMosaic = status;
    console.log('set worked');
  };
`

如果我从 html 文件中所示的内部调用 setMosaic，它会给我一个函数未定义的错误。但是我可以从 sketch.js 的 setup() 或 draw() 内部成功调用 setMosaic()。当我在 /src/environment/environment.js 中定义 setMosaic 并再次构建 p5.js 时，从草图外部调用 setMosaic 有效。

有没有办法从草图外部调用setMosaic？

编辑（回应评论）：

1) 我正在尝试构建一个可以将草图缩放到多个屏幕的框架。所以写草图的人必须以正常方式进行，但我的工具将调用一些与服务器通信的函数 e.t.c。所以我需要在草图之外调用这些函数，但它们应该绑定到 p5 对象（命名空间），因为我依次编写的函数将不得不调用 p5js 内部的一些函数。这是my project。

2) 每个草图的值都会受到影响。

Answer 1

问题已通过调用 setMosaic as p5.prototype.setMosaic() 解决。已回答 here.

创建一个简单的处理 p5.js 库

creating a simple processing p5.js library

javascript

processing

p5.js