从p5.js的(draw)中的setup()访问变量

问题描述 投票:0回答:1

我正在用p5.js绘制散点图,并希望从x函数内部访问ysetup()点,以便与mouseovers函数中的draw()一起使用。如何使xy点变量可全局访问?恐怕我对范围界定还不够了解。是否需要将它们初始化为数组...?

function setup() {
  //create canvas 
  createCanvas(windowWidth, windowHeight);

  //loop through the videoDatatwo array of objects and get xpoints and ypoints
  for (var i = 0; i < videoDatatwo.length; i++) {

    videoDatatwo[i].xpoint = map(videoDatatwo[i].Reach, 0, 47674, 150, width - 400);
    videoDatatwo[i].ypoint = map(videoDatatwo[i].Views, 0, 9248, height - 150, 150);


  }

}
p5.js scoping
1个回答
0
投票

如果您希望变量在setup()draw()函数中均可用,那么您需要声明在这些函数之外。这是一个例子:

var message;

function setup() {
  createCanvas(500, 500);
  message = 'hello world';
}

function draw() {
  text(message, 100, 100);
}

此代码声明草图顶部的message变量,然后在setup()函数中对其进行初始化,最后在draw()中对其进行引用。功能。

相同的概念将适用于数组。

© www.soinside.com 2019 - 2024. All rights reserved.