hackday sdk demo

حيث المتصفح SDK Hackday Demo

كان هذا مشروع Hackathon موجهًا حول استخدام المتصفح العام SDK. أنشأنا لعبة Quiz Jackbox-esque مع بلاط الصوت والفيديو العاملة للاعبين.

يثبت

 yarn
yarn start

يدير التطبيق في وضع التطوير.
افتح http: // localhost: 3000 لمشاهدته في المتصفح.

؟ سيحتاج لاعب واحد إلى أن يكون سيد المسابقة (أو قائد الحزب) لبدء اللعبة. يمكنهم الانضمام باستخدام معلمة الاستعلام http: // localhost: 3000؟ Quizmaster = true

المكتبات

تم تجهيز هذا المشروع باستخدام تطبيق Create React ، باستخدام قالب Redux و Redux Toolkit TS.

يستخدم المشروع أيضًا مكونات chakraui و Framer للرسوم المتحركة.

إعدادات

حاليًا ، هناك غرفة واحدة تستضيف هذه اللعبة. يمكن توسيع هذا لإنشاء غرف عابرة مثل Jackbox ، على سبيل المثال. في الوقت الحالي - سيسمح وضع الغرفة الخاصة بك في التكوين لـ SDK بالاتصال بالمعلمات الخاصة بك.

بنيان

قررنا التجربة ومعرفة ما إذا كان اتصال لعبة العديد من العدد ممكنًا ، باستخدام اتصال المقبس ، بدلاً من نشر خادم ألعاب منفصل وواجهة أمامية.

يتم إرسال حالة اللعبة (الأسئلة ، الإجابات ، الدرجات ، إلخ) عبر JSON في وظائف الدردشة في الغرفة (وتجريتها من هذه اللعبة).

لذلك لم يكن هناك حاجة إلى خادم. تم نشر الواجهة الأمامية الثابتة
https://hackday-sdk-demo.netlify.app/