React

オーラス条件戦に特化した麻雀ゲームの開発記録です。流局時の4人の手牌からシャンテン数を計算し、テンパイしているプレイヤーを自動判定できるようにしました。

オーラス条件戦に特化した麻雀ゲームの開発記録です。牌山を使い切ったときに流局として局を終了し、その後のツモや打牌を停止する処理を実装しました。

オーラス条件戦に特化した麻雀ゲームの開発記録です。CPUが自動でツモ・打牌を行い、自分の手番まで対局を進められるようにしました。

オーラス条件戦に特化した麻雀ゲームの開発記録です。手牌やツモ牌をクリックして打牌し、捨て牌を各プレイヤーの河へ表示する処理を実装しました。

オーラス条件戦に特化した麻雀ゲームの開発記録です。牌コードを日本語表記へ変換し、手牌を並び替えて、自分の配牌やドラ表示牌を画面に表示できるようにしました。

オーラス条件戦に特化した麻雀ゲームの開発記録です。Reactの画面を役割ごとに5つのコンポーネントへ分割し、propsで状態やイベント処理を渡す形に整理しました。

オーラス条件戦に特化した麻雀ゲームの開発記録です。Reactのカスタムフックを使い、入力状態をuseGameState、計算結果をuseGameDerivedStateへ分けて処理を整理しました。

オーラス条件戦に特化した麻雀ゲームの開発記録です。ReactとlocalStorageを使い、点数や目標順位、終局結果などの入力内容を自動保存・復元できるようにしました。