Processingのテキスト表示メモ

Processingでウィンドウにテキストを表示させるコードです。

よく忘れがちなので、メモがてら記事に残します。

コード

showText.pde

//フォント用の変数を準備
PFont myFont;

void setup() {
 size(200, 200);

 //フォントを読み込む
 myFont = createFont("Arial", 30); 

 //座標の基準
  //textAlign(CENTER, CENTER);
}

void draw() {
  background(255);
  fill(0);

 //フォントとサイズを適用
  textFont(myFont, 32); 
 //これでテキストのサイズを変えることも可能
  textSize(20);

 //テキスト表示
  text("hoge", 0, height);
}

上記のコードをそのまま実行すると、こうなります。

注意すべき点

• createFont()の代わりにloadFont()ってやつもありますが、createFont()の方が脳死で使えます。

  • 説明は省きます。以下のサイトに分かりやすく載ってます。
    • 5.5　テキストの表示 - Yasushi Noguchi Class

• テキストの色を指定するのはfill()です。

• テキストの座標基準は、実行例を見ると分かるように、左下が基準になっています。

  • この座標指定が面倒くさいので、textAlign(CENTER, CENTER);で座標の基準を真ん中した方が分かりやすいです。

    • textAlign(水平方向の基準, 垂直方向の基準);

      • 水平方向の基準→LEFT(左), CENTER(中央), RIGHT(右)
      • 垂直方向の基準→TOP(上), CENTER(中央), BASELINE(上のhogeだったらgの下が見切れる), BOTTOM(下)