状態が遷移した時に、他の処理を止めずに表示だけ変化（点灯・点滅・フェードイン・フェードアウト）させたい

Question

いつもお世話になっています。

前提・実現したいこと

状態遷移によって表示を変えることのできるコードを作りたいと思っています。

1. C#で0~2の3つの整数のうち1つを送信

(適宜値を変更でき、次の変更があるまでその値を保持しながら送信)
0. データを受信@processing

0. 受信した状態量（値）をもとに、background()を変更

今悩んでいるのは、3. のところです。

発生している問題・エラーメッセージ

先の図のように状態量や状態遷移に応じて表示に変化を持たせられるような
書き方を教えていただければと思います。

例えば、状態量（値）が
1
1
2
2
2
のようになってたとすると、
1｜点滅
1｜点滅
2｜255から0へフェードアウト開始（G = 255）
2｜上の途中（例えば、G = 254）
2｜上の途中（例えば、G = 253）
の様になってほしいです。

並列処理で
メインスレッド｜background(0, G, 0);
サブスレッド　｜受信した状態量に応じてGの値を変えてメインスレッドに渡す
のが良いのでしょうか。

該当のソースコード

フェードアウト・インについては
こちら
を参考にしています。
※マウスクリックの関数は動作確認のために抜いていません。

//import hypermedia.net.*;
//UDP udp;

int nowState    = 0;
int beforeState = 0;
float gValue   = 255;
boolean   cngAlpha;    //変化開始FLG
boolean   fadeMode;    //フェードイン・アウト切り替えFLG

void receive (byte[] data, String ip, int port)
{
  String message = new String(data);
  String[] rcvMSG = splitTokens(message, " ");
  //state1 = float(rcvMSG[0]);
}

void setup() {
  //透明度の変化は「停止」にしておく
  cngAlpha = false;

  //最初はフェードアウトから始めたいので
  //現在の状態を「フェードイン」に仮設定する
  fadeMode = true;    

  size(500, 500, FX2D);
  
  //udp = new UDP (this, 60000);
  //udp.listen(true);
}

void draw() {
  background(0, gValue, 0);

  //透明度を変化させる場合
  if ( cngAlpha == true ) {
    //モードに応じて処理する
    if ( fadeMode == true ) {
      //フェードイン
      fadeIn();
    } else {
      //フェードアウト
      fadeOut();
    }
  }
}

//フェードイン処理関数
void fadeIn() {
  //徐々に濃くする
  gValue = gValue + 4f;

  //不透明になったら変化終了
  if ( gValue > 255f ) { 
    gValue = 255f; 
    cngAlpha = false;
  }
}

//フェードアウト処理関数
void fadeOut() {
  //徐々に薄くする
  gValue = gValue - 4f;

  //透明になったら変化終了
  if ( gValue < 0f ) {
    gValue = 0f;
    cngAlpha = false;
  }
}

void mouseClicked() {
  //マウスクリックで変化開始
  cngAlpha = true; 

  //クリックされるごとにフェードイン・アウトを
  //切り替える
  if ( fadeMode == true ) {
    //今フェードインなら、次はフェードアウト
    gValue = 255f;
    fadeMode = false;
  } else {
    //今フェードアウトなら、次はフェードイン
    gValue = 0f;
    fadeMode = true;
  }
}

補足情報（FW/ツールのバージョンなど）

processing3.5.3

Answer 1

Processingでマルチスレッドがまともに使えるのかどうか、私は知らないけど。提案するならやってみせて欲しい...
それはともかく。
background()に透明度は効かなかったと思うし、実際そのプログラムで透明度は使ってないように見えるけど?
というか、今の動作で何が不満なのかよくわかりません。

マルチスレッドでなければ、自前でdraw()の繰り返しの中に各々の仕事を散りばめて「マルチタスク」をやることになるのでは。その場合は「他の処理」も長時間そこに留まるようではいけません。

Answer 2

その処理というのをUIとは別のスレッドで実行させればよろしい。

まあ、その別スレッドからUI（GUI）を変化させる場合にはちと工夫が必要なので注意。