【p5.js】クリックすると場面が変わるシステムを作りたい

Question

実現したいこと

環境はp5.js上です。
ゆくゆくはゲームをつくりたくて、processingでゲームをつくるというサイトを参考に、クリックすると別の場面になるようなシステムをつくっていたのですが、クリックしても場面が変わらず、何が間違っているのかわからない状態です。
アドバイスお願いします。

該当のソースコード

p5.js

let sakana;

function preload(){
  hiyoko1 = loadImage('hiyoko1.png');
  hiyoko2 = loadImage('hiyoko2.png');
}

function setup() {
  createCanvas(500, 500);
  background(255);
  
  sakana = 0;

function draw(){
  if(sakana == 0 ){
    gameTitle();
  } else if (sakana == 1 ){
    gamePlay();
  } 
}
  
function gameTitle(){
  image(hiyoko1,0,0);
}

function mouseclicked(){
  if ( sakana = 0 ){
　　 background(255);
    sakana = 1;
  }
}

function gamePlay(){
  image(hiyoko2,0,0);
}

Answer 1

環境がわからないですが、警告やエラーが出ているはずです。
まずは実行できる状態にしてください。

Processing p5.js Modeの場合

Expected a conditional expression and instead saw an assignment.
Google翻訳：条件式が必要ですが、代わりに割り当てが見られました。
意訳：代入してるけど比較するつもりなんじゃない？

Unmatched '{'.
Google翻訳：一致しない '{'。
意訳：かっこの対応がおかしいよ。

Unrecoverable syntax error. (100% scanned).
Google翻訳：回復できない構文エラー。 （100％スキャン）。
意訳：これじゃ実行できないよ。

わかると思いますので特に説明しませんが、2か所に1文字ずつ挿入します。

あともう一か所の間違いは見つけにくいですが、大文字小文字の違いです。
reference | mouseClicked()

Comments

[sakanago]

すごい凡ミスで、自分でもびっくりしました…。ていねいな指摘ありがとうございます！
p5.jsのwebエディタを使っているのですが、警告がうまく出なくて困っていました。とても助かりました！