背景のプログラムを追加したい

Question

前提・実現したいこと

Processingで作成したプログラムに背景を付けたいです。
背景用のプログラムは(背景は画像読み込み、雪を降らせている)完成しているのですが、どうやってくっつけたらいいかわかりません。

背景のプログラミング

PImage haikei;

class Snowflake { //Snowflake Class
  float x; //x axis
  float y; //y axis
  float s; //size
  color c; //color
  float dy; //speed
        Snowflake() { //Function to create snowflakes
        x = random(width); //initial x point is random
        y = random(height);
        dy = random(0, 3); // Falling speed is random between 3 and 10
        s =  5 * dy / 4.0; //Size is small if initial speed is slow
        c = #ffffff; //white snow
        }
       void drop() { //create snow and move
        y += dy;
        if (y > height) y = 0; //if snow gets the bottom of the screen, return to top
        noStroke(); //no outline
        fill(c);
        ellipse(x, y, s, s);
    }
}
Snowflake[] sf = new Snowflake[5000]; //prepare the area for 1000 snow object




void setup(){
  size (1025,555);
  noCursor();
  for (int i = 0; i < 2000; i++) { //雪⽚オブジェクトを1000 個作る
  sf[i] = new Snowflake();
  }
  haikei = loadImage("haikei2.png");
}


void draw() {
   background(0);
   image(haikei,0,0);
    for(int i = 0; i < 2000; i++) {
    sf[i].drop();
}
}

該当のソースコード

import org.gamecontrolplus.*;

ControlIO control;
ControlDevice device;
ControlButton button4, button5, button6;
ControlSlider[] sliders = new ControlSlider[2];
ControlHat hat;

int angle = 30; // 座標の回転角度
int margin = 40; // 座標の移動量
int direction = 0; // 向き
int imgX = 0;
int imgY = 0;
int size = 300; // 大きさ
PImage comocomo;
PImage haikei;

void setup() {
  control = ControlIO.getInstance(this);

  // 名前を指定してデバイスを取得
  device = control.getDevice("PC Game Controller       ");

  button4 = device.getButton(4);
  //button4.plug(this, "pressButton4", ControlIO.ON_PRESS); // ボタン4を押すとpressButton4()関数を呼ぶ
  button5 = device.getButton(5);
  button5.plug(this, "pressButton5", ControlIO.ON_PRESS); // ボタン5を押すとpressButton5()関数を呼ぶ
  button6 = device.getButton(6);
  button6.plug(this, "pressButton6", ControlIO.ON_PRESS); // ボタン6を押すとpressButton6()関数を呼ぶ
  hat = device.getHat(0);
//  hat.plug(this, "pressHat0", ControlIO.ON_PRESS); // 十字キーを押すとpressHat0()関数を呼ぶ
  

  // 左アナログスティックのXY軸を取得 (現状はX軸のみ使用)
  sliders[0] = device.getSlider(3);
  sliders[1] = device.getSlider(4);
  
  

  size(1025, 555);
  colorMode(HSB, 100);
  background(99);
  frameRate(20);

  comocomo = loadImage("hituji.png");
  imageMode(CENTER);
  
  haikei = loadImage("haikei2.png");
}

void draw() {
  background(0);
  image(haikei, 0, 0);
  translate(width / 2, height / 2);
  rotate(radians(angle * direction));
  image(comocomo, imgX, imgY, size, size);
  comocomo.resize( 300, 300);

  direction += (int)sliders[1].getValue(); // 左 = -1, 右 = 1, 入力無し = 0
  if (direction < 0) direction = 11;
  if (direction > 11) direction = 0;
  println(direction);
  
  if (hat.up()) imgY -= margin;
  if (hat.down()) imgY += margin;
  if (hat.left()) imgX -= margin;
  if (hat.right()) imgX += margin;
}


void pressButton5() {
  if (size > 20) size -= 5;
}

void pressButton6() {
  if (size < 400) size += 5;
}

試したこと

背景の方をvoid setup()とvoid draw()に分けて該当のソースコードにいれてみたのですが、エラーになってしまい…。
どのようにいれたらよいでしょうか？

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

ここにより詳細な情報を記載してください。

Answer 1

今はPImage haikeiだが、上側のコードに置き換えたいって意味ですね？
単純にくっつけるとsetupやdrawが2つになってエラーになってしまいますね。
方法はいろいろありそうですが、変更の手間が少なく見通しがいいようにクラスに分けましょう。

新規タブ（タブの右にある▼）でHaikeiと付けて新しいタブを作ります。（もっといい名前にしてください）

class Haikei { 
  
// ここの間に上側のコード

}

元のタブ（下のコードのほう）に戻って、

• PImage haikei;をHaikei haikei;に変える。
• haikei = loadImage("haikei2.png");をhaikei = new Haikei(); haikei.setup();に変える。
• image(haikei, 0, 0);をhaikei.draw();に変える。

Snowflakeと同じように、「背景を描くという処理をHaikeiクラスにしてもらう」といった感じです。
haikei.setup();が冗長なのでHaikeiクラスのコンストラクタにしてもいいですね。

Answer 2

エラーになってしまい…。

そこで止めないで、なんというエラーが出ているのかを読んで、なぜエラーになったのかを考え、エラーにならないようにしてみたらどうでしょう。
その過程でわからないことがあるというのなら、それはそれで質問していただければよろしいかと思いますが。

うまくいかない時に「うまくいかない」あるいは「エラーになる」という大雑把な捉え方をしていたらまず解決しません。エラーならなんというメッセージが出ているのか、期待しない動作ならどのように動いているのか、何が起こっているのかを観察し、どうしてそうなるのか、うまくいくにはどうしたらいいのかを練り上げて行く、これが出来るようにならないと、うまくいかない毎に質問して答えを教えてもらわなきゃ解決できないということにもなりかねません。