Processingで入力したキーによって色を制御したい

Question

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
Processingで入力したキーによって色を制御してその入力文字の色が変わるシステムを作っています。例えば、「１」を打つと赤色で1が画面に出る、「２」を打つと青色で2が画面に打たれるというようなものです。

###発生している問題・エラーメッセージ
「１」と打っても黒色の文字で表示されてしまいます。

###該当のソースコード

ここにご自身が実行したソースコードを書いてください

String letters = "";
int value;

void setup() {
size(100, 100);
stroke(255);
fill(0);
textSize(16);
}

void draw() {
background(204);
float cursorPosition = textWidth(letters);
line(cursorPosition, 0, cursorPosition, 100);
fill(value);
text(letters, 0, 50);
}

void keyPressed() {
if (key == BACKSPACE) { // Backspace
if (key == 1) {
letters = letters.substring(0, letters.length()-1);
value = #F50C14;
}
} else if (textWidth(letters+key) < width) {
letters = letters + key;
}
}

###試したこと
課題に対してアプローチしたことを記載してください
void keyPressed()とvoid draw()の順番の入れ替え

###補足情報(言語/FW/ツール等のバージョンなど)
Processing3

Answer 1

void keyPressed() {
  if (key == BACKSPACE) {  // Backspace
    if (key == 1) {
      //(1)
      letters = letters.substring(0, letters.length()-1);
      value = #F50C14;
    }
  } else if (textWidth(letters+key) < width) {
    letters = letters + key;
  }
}

key==BACKSPACEかつkey==1の場合にのみ(1)が実行されるようになっています。ゆえに(1)に到達することは決してないです。

なお1が入力されたかどうかの判定はkey==1ではなくkey=='1'です。

コードを質問に張り付ける場合は上記のようにきちんと字下げしてください。そうすれば制御論理がどうなっているかが分かり易くなります。本件のようにif文の制御がどう流れるかもとらえやすくなりますよ。

Comments

[退会済みユーザー]

ありがとうございました。大変助かりました。これからもより良いコードが書けるように頑張ります。