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

时间:2015-03-14 07:16:06

标签: javascript processing p5.js

我试图创建一个简单的库并遇到问题。这是我的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)每个草图都会影响价值。

1 个答案:

答案 0 :(得分:0)

通过将setMosaic称为p5.prototype.setMosaic()来解决该问题。 回答here