p5.jsのbox（）の各辺に異なる画像を保持する方法はありますか？

Question

P5.jsの初心者として、私はインタラクティブなダイスを作りようとしています。ここで唯一の問題は、キューブの両面に異なる顔を残すことです。

let sizeOfCube = 400, img; 

function preload() { 
    img = loadImage("olo/fgfg.jpg"); 
} 

function setup() { 
    createCanvas(windowWidth, windowHeight, WEBGL); 
} 

function draw() { 
    background(250); 
    translate(0, 0, sizeOfCube); 
    if (sizeOfCube > 100) { 
     sizeOfCube -= 10; 
    } 
    rotateX(frameCount * 0.1); 
    rotateY(frameCount * (0.1)); 
    rotateZ(frameCount * 0.1); 
    texture(img); 
    box(70, 70, 70); 
} 

このコードでは、画像を追加しますが、すべての側面に適用されます。

は、ここに私のコードです。 6面すべてに6枚の画像を追加する方法はありますか？デモ（テクスチャなど）hereMight take some time to load. Please wait!

任意の提案や別のアプローチをご覧くださいについては

？教えてください。

Answer 1

一般的には、quad()関数を使用して、それぞれのテクスチャと一緒にキューブを描画したいと思うでしょう。

詳細はthe referenceでご覧になれます。