vue canvas websocket

vue+kanvas+soket web+kurang

Untuk melatih kanvas, websocket, dan node, saya membuat permainan kecil. Anda dapat mengklik di sini untuk melihatnya secara online.

Tangkapan layar proyek

Bangun Pengaturan

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

Kemajuan penyelesaian

• Masuk. Setelah masuk, nama pengguna disimpan di sessionStorage.
• Setelah masuk, Anda dapat memilih tempat duduk Anda dan memberi tahu semua orang tempat duduk Anda melalui ws.
• Kirim konten. Setelah masuk, Anda dapat mempublikasikan konten masukan ke semua orang melalui ws.
• Riwayat obrolan dapat menerima konten pengetikan obrolan semua orang dan membersihkan layar.
• Untuk memulai permainan, Anda dapat mengklik tombol Mulai Permainan di lantai pertama. Setelah memulai permainan, Anda tidak dapat mengatur tempat duduk Anda.
• Bergiliran menggambar dan menebak kata dengan melihat gambar sesuai urutan tempat duduk. Pemain yang menggambar tidak diperbolehkan menginput atau mengirim konten.
• Pilih kata-kata secara acak dari daftar kosakata. Hanya 12 kata yang ditulis untuk latihan.
• Tampilan khusus ketika konten yang dikirim adalah kata yang benar (berlaku setelah permainan dimulai).
• Pertahankan skor
• permainan multi-ruangan
• Terminal seluler