p5.js | setPath()函数

在p5.js中，setPath()函数可以用于更改资源文件的路径。在默认情况下，p5.js会寻找资源文件（如图片、声音文件等）在与index.html文件相同的目录下。如果您的资源文件位于不同的路径下，您可以使用setPath()函数来更改路径。

语法

setPath(path)

参数

• path：资源文件的路径。可以是相对路径或绝对路径。

示例

1. 相对路径示例

function setup() {
  setPath('assets/');
  img = loadImage('flower.jpg');
  sound = loadSound('song.mp3');
}

function draw() {
  image(img, 0, 0);
}

在这个示例中，我们将资源文件的路径设置为'assets/'，然后使用loadImage()函数与loadSound()函数来加载图片和声音文件。由于设置了路径，p5.js会自动在'assets/'目录下寻找图片和声音文件。

2. 绝对路径示例

function setup() {
  setPath('https://example.com/assets/');
  img = loadImage('flower.jpg');
  sound = loadSound('song.mp3');
}

function draw() {
  image(img, 0, 0);
}

在这个示例中，我们将资源文件的路径设置为'https://example.com/assets/'。由于我们使用的是绝对路径，p5.js会直接从指定的url中加载图片和声音文件。

需要注意的是，在设置路径时，无论使用的是相对路径还是绝对路径，都需要将路径作为字符串传递给setPath()函数。

结论

setPath()函数可以帮助您更改资源文件的路径，从而使您可以更轻松地加载并使用它们。 无论您的资源文件位于哪个目录下，p5.js都可以通过setPath()函数帮助您找到它们。

希望这篇介绍可以帮助您更加深入了解和使用setPath()函数。