目的のフォントがJavascriptモードで表示されない（処理中）

Question

したがって、次のコードは、指定されたフォントに "HI"という単語を出力するためのコードです。ただし、Javascriptモードでは、フォントはデフォルトのフォントであり、旧標準ではありません。 誰かがこれを私に説明してもらえますか？

PFont myFont = createFont("OldStandard-Regular.ttf",30); 
textFont(myFont); 
text("HI",50,50); 

Answer 1

p5.jsはcreateFont()（少なくとも未対応）をサポートしていません。あなたは、エラーコンソールでこれを見るべき ：

Uncaught ReferenceError: createFont is not defined 

あなたはしかしloadFont()を使用することができ、ちょうどあなたが最初のフォントをプリロードしてください：フォントがロードされたとき

var myFont; 
function preload() { 
    myFont = loadFont('assets/OldStandard-Regular.ttf'); 
} 

function setup() { 
    fill('#ED225D'); 
    textFont(myFont); 
    textSize(36); 
    textFont(myFont); 
    text("HI",50,50); 
} 

代わりにコールバック関数を使用します。

function setup() { 
    loadFont('assets/OldStandard-Regular.ttf', drawText); 
} 

function drawText(font) { 
    fill('#ED225D'); 
    textFont(font, 36); 
    text('HI', 50, 50); 
}