Processing 텍스트 표시 메모

1463 단어 processingprocessing3
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(아래)



  • 좋은 웹페이지 즐겨찾기