文章/答案/技术大牛

发布

社区首页 >问答首页 >多个(p5.js) sketch.js文件不能工作，只有最后一个在工作

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

Stack Overflow用户

提问于 2018-03-23 18:28:31

回答 1查看 693关注 0票数 0

我正在进行一个项目，使用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>

javascript

html

p5.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-24 17:59:44

在将来，请尝试发布一个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);

您可以在每个文件中使用不同的变量名，但想法是相同的。现在你的草图都是自成一体的。

更多信息，这里。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49456226

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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