Как наложить изображение поверх другого в P3D - PullRequest
0 голосов
/ 09 июня 2018

В processing.js, как бы вы наложили изображение поверх другого в режиме P3D?

Вот мой код:

/* @pjs preload="duck.jpg"; */
/* @pjs preload="a.png"; */ 
PImage imageDuck;
PImage imageA;

void setup() {
    size(500, 500, P3D);
    imageDuck = loadImage("duck.jpg");
    imageA = loadImage("a.png");
}

void draw() {
    background(255);
    noStroke();
    image(imageDuck, 0, 0);
    image(imageA, 0, 0);
}

Так что код пытается сделать этоотобразить изображение утки, а затем наложить поверх него еще одно имя изображения a.png (с прозрачным фоном).

Когда я использую обычный размер (500, 500); без P3DВ режиме наложения изображений все работает отлично.

Однако я использую P3D, потому что следующее, что я собираюсь сделать, это вращать мои изображения вместе.

Так что в этом размере (500, 500, P3D) режим, я вижу, что мой a.png мигает один раз, тогда показывает только мое изображение утки.Если я закомментирую утку, появится a.png.Если я закомментирую a.png, моя утка покажет.Если я переупорядочу вызов image (), все равно будет только изображение утки.Я добавил перевод (0,0, -1) или перевод (0,0,1) между вызовами image (), не повезло, только мое изображение утки показывает.

Возможно ли это даже?

1 Ответ

0 голосов
/ 15 июня 2018

Я решил свою проблему, это первая строка @pjs, может быть вызвана только один раз.Несколько изображений должны быть предварительно загружены в одну строку.В моем примере мои первые 2 строки должны быть объединены следующим образом:

/* @pjs preload="duck.jpg,a.png"; */
...