Processingにて画像をキャラクタで埋め尽くすようなものを作りたいのですがエラーが出てきて上手くいきません

Question

実現したいこと

●void step()でプログラムの初期化を作動させる
●void draw()でメインループを作動
●color getRandomColor()でランダムな色データを作って返す
●void drawChara(float charaX,float charaY,color charaColor)でキャラクターを指定した位置と色で画面に描く

前提

void setup()とvoid draw()には"Missing operator, semicolon, or ‘}’ near ‘setup’?"というエラーが出てきてしまい、color getRandomColor()とvoid drawChara(float charaX,float charaY,color charaColor)には"";”がありませんというエラーが出てきます。

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

"Missing operator, semicolon, or ‘}’ near ‘setup’?" 

該当のソースコード

 PImage img;
 
void setup(){
   size(300,300);
   smooth();
   background(0);
   imageMode(CENTER);
   
   img=loadImage("C_Pro.png");
   
   frameRate(3);
}
void draw(){
 int x=int(random(width));
 int y=int(random(height));
 color c=getRandomColor();
   
 drawChara(x,y,c);
}
 
color getRandomColor(){
 colorMode(HSB,360,100,100);
 color c=color(random(60,300),80,99);
 return c;
 }
void drawChara(float charaX,float charaY,color charaColor){
    tint(charaColor);
    image(img,charaX,charaY);
  }

試したこと

””を予想した箇所に打ってみたがエラー場所が変化する一方
大文字小文字の変更

お返事遅くなり申し訳ございません。
質問へのお答えありがとうございます。

画像は160px 160px 72dpiのpng形式を使用しております。

スケッチデータはCo001.pdeで保存してやってみましたがやはりエラーが出てきてしまいます。

掲示頂いたコードをコピペでやってみたところ正常に作動しました。
画像データの記入に問題があるんですかね？
↓
画像データの名前間違っていました。正しくは"Proce.png"です

お手数をおかけしますがご回答のほどよろしくお願いします。

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

Processing-4.3

Comments

[TN8001]

こちらでは（画像があれば）提示コードそのままで動きました。

提示画像では１４行目以前が分かりませんがどうなっていますか？

提示画像で気になるのは、タイトルバーやタブ名です。
こちらの手元では「sketch_231129a | Processing 4.3」や「sketch 231129a」のようになります。
提示画像のような状態にする方法が分かりませんでした。どんなスケッチ名で保存しましたか？

「aaa」でもなんでもいいのですが当たり障りのない名前でスケッチを保存し、提示コードをコピペするとどうなりますか？

Answer 1

こちらでは（画像があれば）提示コードそのままで動きました。

提示画像では１４行目以前が分かりませんがどうなっていますか？

PImage img;

void setup() {
  size(300, 300);
  smooth();
  background(0);
  imageMode(CENTER);

  img = loadImage("https://www.gravatar.com/avatar/2fd3952371191c0f074bda2aaf3ad2c2?d=identicon", "png");

  frameRate(3);
}

void draw() {
  int x =int(random(width));
  int y =int(random(height));
  color c = getRandomColor();

  drawChara(x, y, c);
}

color getRandomColor() {
  colorMode(HSB, 360, 100, 100);
  color c = color(random(60, 300), 80, 99);
  return c;
}

void drawChara(float charaX, float charaY, color charaColor) {
  tint(charaColor);
  image(img, charaX, charaY);
}

---

追記

端的に言うと１４行目より前の部分がいらないです（コメント化しましたが削除してしまって結構です）

//size(300,300);
//smooth();
//background(0);
//imageMode(CENTER);

//PImage img=loadImage("C_Pro.png");

// int x=int(random(width));
// int y=int(random(height));
// float scale=random(0.2,0.8);
 
// image(img,x,y,img.width*scale, img.height*scale);

 PImage img;
 
void setup(){
   size(300,300);
   smooth();
   background(0);
   imageMode(CENTER);
   
   img=loadImage("C_Pro.png");
   
   frameRate(3);
}
void draw(){
 int x=int(random(width));
 int y=int(random(height));
 color c=getRandomColor();
   
 drawChara(x,y,c);
}
 
color getRandomColor(){
 colorMode(HSB,360,100,100);
 color c=color(random(60,300),80,99);
 return c;
 }
void drawChara(float charaX,float charaY,color charaColor){
    tint(charaColor);
    image(img,charaX,charaY);
  }

Processingではstaticモードとactiveモードという２つの書き方があります。
提示のコードは両方が混じってしまっています。そのためエラーになっています（エラー文がよくないですが...

例えばこういうのがstaticモードです。
動きがないスケッチなら、setupやdrawを書かずに短くシンプルに書くことができます。

size(400, 400);
background(192, 64, 0);
stroke(255);
line(150, 25, 270, 350);

そしてこういうのがactiveモードです。
動きがあるスケッチは初回に実行されるsetupと、毎フレーム呼ばれるdrawが必要です。

void setup() {
  size(400, 400);
  stroke(255);
  background(192, 64, 0);
}
void draw() {
  line(150, 25, mouseX, mouseY);
}

---

エラー文が改善したと思っていたんですが、いつの間にか戻ってますねぇ^^;
"Missing operator, semicolon, or '}' near 'setup'?" 　のエラー表示が消えない