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

creating a simple processing p5.js library

本文关键字：处理 p5 js 简单 一个 创建      更新时间：2023-09-26

我试图创建一个简单的库，但遇到了问题。这是我的 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>
`

马赛克.js是我正在创建的图书馆。

马赛克.js的内容是：

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

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

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

编辑（回应评论）：

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

2）每个草图的价值将受到影响。

这个问题是通过调用setMosaic作为p5.prototype.setMosaic（）来解决的。这里得到了回答。

相关文章：