背景在处理中不显示

Question

PImage bg;

void setup() {
  size(1280, 720);
  bg = loadImage("bg.jpg");
}

void draw() {
  background(bg);
}

代码在处理javascript模式和处理.js时不显示。图像尺寸与尺寸（）相同 有人能告诉我我做错了吗？

Answer 1

对于Javascript，您需要使用@pjs预加载图片。所以你的代码应该如下：

/* @pjs preload="bg.jpg"; */

PImage bg;

void setup() {
  size(1280, 720);
  bg = loadImage("bg.jpg");
}

如果你也把它添加到绘图中它仍然可以工作：

void draw() {
  background(bg);
}

点击此处的文档：http://processingjs.org/reference/background_/

确保将图像拖放到草图窗口上，以便通过Processing将图像添加到数据文件夹中。有时如果你不这样做，即使你手动将它放在草图的数据文件夹中，Processing也不会真正看到图像。

对于Java模式，@pjs不是必需的，但是因为它的注释Java无论如何都会忽略它。您始终可以将模式切换为Java，以确保添加所有图像并在将其发送到浏览器之前实际正常工作。