vue canvas websocket

vue+canvas+websocket+less

為了練習canvas、websocket、node做的一個小遊戲，可以點這裡上網查看。

專案截圖

Build Setup

//clone
npm install
//start server
node app.js
//start vue in another terminal
npm run dev

完成進度

• 登入，登入後username儲存到了sessionStorage中。
• 座位，登入後可以選擇座位，並透過ws告訴所有人你的座位。
• 發送內容，登入後可以透過ws將輸入內容發佈給所有人。
• 聊天記錄，可以接收所有人的聊天打字內容，可以清螢幕。
• 開始遊戲，一樓可以點選開始遊戲按鈕，開始遊戲後不可再調整座位。
• 依座位順序輪流進行畫圖與看圖猜詞，畫圖玩家不可以輸入內容與發送內容。
• 隨機在詞表中選擇詞語。用於練習只寫了12個字。
• 發送內容為正確單字時特殊顯示（遊戲開始後有效）。
• 記分
• 多房間遊戲
• 行動端