變成上下好了

這個畫面還是變成上下好了；
先這樣弄，之好再調。

package.json

調整了一下設定檔的腳本

這段的說明我也寫在readme.md

這些文件都可以在本專案的github找到，也歡迎大家給我一些建議

server.cjs

1. 因為希望人們可以透過這個網站共編，所以有設定一個server(3050port)，不要問我為什麼是這種port號XD。
   server.cjs的code長下面這樣

const express = require('express');
const http = require('http');
const socketIo = require('socket.io');
const cors = require('cors');

const app = express();
const server = http.createServer(app);
const io = socketIo(server, {
  cors: {
    origin: 'http://localhost:5173', // 允許的前端應用程式的 URL
    methods: ['GET', 'POST'],
    allowedHeaders: ['Content-Type'],
    credentials: true
  }
});

// 使用 CORS 中介軟體
app.use(cors({
  origin: 'http://localhost:5173', // 允許的前端應用程式的 URL
  methods: ['GET', 'POST'],
  allowedHeaders: ['Content-Type'],
  credentials: true
}));

io.on('connection', (socket) => {
  console.log('a user connected');

  socket.on('draw', (data) => {
    socket.broadcast.emit('draw', data);
  });

  socket.on('clear', () => {
    socket.broadcast.emit('clear');
  });

  socket.on('disconnect', () => {
    console.log('user disconnected');
  });
});

server.listen(3050, () => {
  console.log('listening on *:3050');
});

2. 目前還在調整：

• 我在本地端的/interactive是可以共同繪畫了，但是部屬上去vercel之後還是沒辦法。
• 畫布的功能一直有一些bug，也依序調整中。

其他

分享一下我最近發現的Line笑話，可以試著唸出來，真的超很好笑，我前幾天看到笑死。

1. 生魚片其實是死魚片
2. 兩個字其實是三個字
3. 坐電梯的時候其實是站著的
4. 一個半小時其實是三個半小時
5. 喝酒的叫夜店，過夜的叫酒店
6. 小黃瓜是綠的，不是黃的
7. 曬太陽..是太陽曬我！
8. 救火隊⋯明明是去滅火的
9. 等紅燈其實是在等綠燈
10. 南港其實是在北部
11. 北港其實是在南部
12. 四有五劃 但五只有四劃
13. 坐在地下其實是坐在地上

最後

我晚上還要看醫生，可能要打電動，所以今天先這樣，有問題都歡迎給我指點，謝謝各位大大閱讀。