侷限

今天發現持續叫工具幫我生成程式碼的問題，就是很多地方不知道自己怎麼修改，也不知道怎麼閱讀，有點累，有點懶。即便如此，還是告訴自己硬著頭皮也要做下去。
我可以知道大方向他們(程式碼)在做什麼(畢竟是我下的指令)，但詳細的內容，還需要去研究。

修改

今天修改了interactive的頁面
可以看到下圖，橡皮擦的按鈕按下去會變成圖示了，並且可以正常運作(十字架有點醜XD、之後改)

點選Clear Canvas

跳出提醒框，這部分使用react-confirm-alert的confirmAlert(這樣提醒的畫面比較好看)

這段的程式碼如下

  const clearCanvas = () => {
    confirmAlert({
      title: '',
      message: '要清空畫布內容？',
      buttons: [
        {
          label: '是',
          onClick: () => {
            socket.emit('clear');
            p5Instance.current.background(255); // 本地清空畫布
          }
        },
        {
          label: '否',
          onClick: () => {}
        }
      ]
    });
  };

其他

目前的專案結構長這樣，可以看到有點亂

預計之後會瞭解並修改一下專案結構
今天就先這樣啦，各位晚安~
再接再厲...再接再厲...