| ツール | 説明する | 公式ウェブサイト |
|---|---|---|
| icon | アイコン | https://icones.js.org/collection/all |
| vueuse | 効用関数 | https://vueuse.org/functions.html |
| unocss | 霧化スタイル | https://unocss.dev/interactive/ |
| grid | グリッドレイアウト | https://cssgrid-generator.netlify.app/ |
- レイアウトと基本機能ボタンの開発
- 手札エリアコンポーネントの開発
- チェックエリアコンポーネントの開発
- 対局情報コンポーネントの開発
- 対局開始コンポーネント、最初の役割は「王」または「奴隷」からランダムに1つ選択し、その後は21局で役割がローテーションします。
- 捨て札エリアコンポーネントの開発、札がない場合は点線とテキストを表示し、札がある場合は0°から30°のランダムな角度で積み重ねて表示します。
- 手札からカードを選択すると、
checkボタンが表示されます。 -
checkボタンをクリックすると、カードは手札から削除され、チェックエリアに追加されます。 - カードは
3D効果を実装し、check後にチェックエリアに表示されるように反転します。2秒後にカードは正面に反転して比較し、その後捨て札エリアに移動します。 - 手札エリアからチェックエリア、チェックエリアから捨て札エリアへのアニメーション効果
- 王のカードまたは奴隷のカードが出たら、ゲームが終了します。
- 対局情報を決算し、次のラウンドを開始します。
- プレイヤーが5ラウンドプレイした後、コンピュータは前の5ラウンドのデータを基に、その後の各ラウンドのデータを使用してプレイヤーの出札戦略を分析し、自分の出札戦略を決定します。
- ゲームが終了し、対局情報を表示し、新しいゲームを開始できます。
- メニューにはゲームルールと制作者リストボタンが追加され、それに対応する内容があります。
- 複数の言語をサポート
-
Web端の適応 - 適切なBGMと再生音楽を追加する
- ゲームの難易度を選択できます。デフォルトは中です
