Question

我正在使用p5.js库开发一个项目。在我的index.html中，我有3个不同的sketch.js文件（sketch.js，wiki.js，weather.js），只有最后一个工作，如果我添加3或2，但所有都是单独工作。请帮助我。

<head>
all libraries here.....after them
<script src="sketch.js" type="text/javascript"></script>
<script src="wiki.js" type="text/javascript"></script>
<script src="weather.js" type="text/javascript"></script>
</head>

Answer 1

将来，请尝试发布展示问题的MCVE。在您的情况下，一个简单的示例显示JavaScript文件中的内容的基本示例将真正有用。

没有MCVE这只是猜测，但听起来你在P5.js中寻找实例模式。我猜你的草图都是这样的：

function setup(){
  //setup code here
}

function draw(){
  //drawing code here
}

因此，每次加载新文件时，都会覆盖以前的setup()和draw()函数。相反，您需要做的是使用实例模式，因此您的草图如下所示：

var sOne = function( sketch ) {

  sketch.setup = function() {
    //setup code
  };

  sketch.draw = function() {
    //drawing code
  };
};

var sketchOne = new p5(sOne);

你在每个文件中使用不同的变量名，但想法是一样的。现在你的草图都是独立的。

更多信息here。

多个（p5.js）sketch.js文件不起作用，只有最后一个正在工作

1 个答案: