多个(p5.js)sketch.js文件不起作用,只有最后一个正在工作



我使用p5.js库正在研究项目。在我的索引。请帮我。

<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>

将来,请尝试发布一个显示问题的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);

您将在每个文件中使用不同的变量名称,但是这个想法是相同的。现在您的草图都是独立的。

更多信息。

最新更新