hackday sdk demo

Browser SDK Hackdayデモ

これは、WhereのPublic Browser SDKを使用することを中心にオリエントされたHackathonプロジェクトでした。プレーヤー向けの作業オーディオとビデオタイルを備えたJackbox-Eskeclyクイズゲームを作成しました。

設定

 yarn
yarn start

開発モードでアプリを実行します。
http：// localhost：3000を開いて、ブラウザで表示します。

？ゲームを開始するには、1人のプレイヤーがクイズマスター（またはパーティーリーダー）である必要があります。クエリパラメーターhttp：// localhost：3000？quizmaster = trueを使用して参加できます

ライブラリ

このプロジェクトは、ReduxおよびRedux Toolkit TSテンプレートを使用して、Create Reactアプリでブートストラップされました。

このプロジェクトでは、アニメーションにチャクラウイコンポーネントとフレーマーも使用しています。

構成

現在、このゲームをホストする部屋があるシングルがあります。これは、たとえば、Jackboxのように一時的な部屋を生成するために拡張できます。とりあえず、構成に部屋を設置することで、SDKが独自のパラメーターに接続できるようになります。

建築

別のゲームサーバーとフロントエンドを展開するのではなく、whereのSocketio接続を使用して、多くの多くのゲーム接続が可能かどうかを実験して確認することにしました。

ゲーム状態（質問、回答、スコアなど）は、根底にあるJSONを介して送信され、それによって部屋のチャット機能（およびこのゲームから抽象化されています）。

したがって、サーバーは必要ありませんでした。静的フロントエンドは展開されました
https://hackday-sdk-demo.netlify.app/