多个 (p5.js) sketch.js 文件不工作，只有最后一个工作

Question

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

<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

以后请尝试post一个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);

你会在每个文件中使用不同的变量名，但想法是一样的。现在你的草图都是 self-contained.

更多信息here。

多个 (p5.js) sketch.js 文件不工作，只有最后一个工作

multiple (p5.js) sketch.js files not working, only last one is working

html

javascript

p5.js