vue canvas websocket

فيو+قماش+مقبس ويب+أقل

من أجل التدرب على اللوحة القماشية ومقبس الويب والعقدة، قمت بإنشاء لعبة صغيرة. يمكنك النقر هنا لمشاهدتها عبر الإنترنت.

لقطات المشروع

بناء الإعداد

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

تقدم الإنجاز

• تسجيل الدخول. بعد تسجيل الدخول، يتم تخزين اسم المستخدم في sessionStorage.
• بعد تسجيل الدخول يمكنك اختيار مقعدك وإخبار الجميع بمقعدك من خلال WS.
• إرسال المحتوى بعد تسجيل الدخول، يمكنك نشر محتوى الإدخال للجميع من خلال WS.
• يمكن لسجل الدردشة تلقي محتوى كتابة الدردشة للجميع ومسح الشاشة.
• لبدء اللعبة، يمكنك النقر فوق زر "بدء اللعبة" الموجود في الطابق الأول. بعد بدء اللعبة، لا يمكنك ضبط مقعدك.
• يتناوبون في رسم الصور وتخمين الكلمات من خلال النظر إلى الصور وفقًا لترتيب المقاعد، ولا يُسمح للاعبين الذين يرسمون الصور بإدخال المحتوى أو إرساله.
• اختيار الكلمات بشكل عشوائي من قائمة المفردات. تمت كتابة 12 كلمة فقط للممارسة.
• عرض خاص عندما يكون المحتوى المرسل هو الكلمة الصحيحة (صالحة بعد بدء اللعبة).
• الحفاظ على النتيجة
• ألعاب متعددة الغرف
• محطة متنقلة