ポーカー大会風のランキングボードを作りました

アプリ制作

ポーカー大会の中継で表示されるような、ファイナルテーブル風のランキングボードを作ってみました。

プレイヤー名、国旗、チップ数、BB数などを一覧で表示できる、ポーカー中継風のボードです。

ランキングボードを見る

作ったもの

今回作ったのは、ポーカー大会のファイナルテーブルで表示されるようなランキングボードです。

  • 順位
  • 国旗
  • プレイヤー名
  • チップ数
  • BB数
  • 平均スタック

こういった情報を、ひと目で見やすい形にまとめています。

ポーカーの配信や大会中継では、数字の見やすさがとても大事です。特にチップ数やBB数は、現在の状況を理解するための重要な情報なので、できるだけ視認性を高くすることを意識しました。

参考にしたもの

デザインの参考にしたのは、ポーカー大会のライブ配信で表示されていたランキングボードです。

参考元はこちらです。

実際の中継画面は、情報量が多いにもかかわらず、とても見やすく整理されていました。

特に、黒を基調にした背景、白い表、太めの文字、チップ数とBB数の見せ方などが参考になりました。

こだわったところ

数字が見やすいこと

ランキングボードでは、プレイヤー名よりもチップ数やBB数の見やすさが重要になる場面があります。

そのため、チップ数とBB数は右寄せにして、桁数の違いがあっても比較しやすいようにしています。

中継画面らしさ

ただの表ではなく、ポーカー大会の中継画面に出てきそうな雰囲気を目指しました。

背景には暗めのグラデーションを使い、ボード部分は白と黒を中心にして、テレビ中継のグラフィックのような印象にしています。

国旗とプレイヤー名の表示

ポーカー大会では、プレイヤーの国籍表示も雰囲気を作る重要な要素だと思います。

国旗があることで、単なるランキング表ではなく、国際大会らしい見た目になります。

ChatGPT キャンバスで作成

今回のランキングボードは、ChatGPT キャンバスを使って作成しました。

画像を見ながら、「この部分をもう少し太くしたい」「ここは削除したい」「右下の装飾を消したい」といった調整を重ねながら作っています。

細かいデザイン調整は、実際に画面を見ながら少しずつ直していくのが一番やりやすいと感じました。

今後できそうなこと

今回は静的なランキングボードとして作成しましたが、今後は以下のような使い方もできそうです。

  • プレイヤー情報を入力して自動でランキング表示する
  • チップ数からBB数を自動計算する
  • 配信用のオーバーレイとして使う
  • ポーカー大会の結果発表画面として使う
  • 別デザインのランキングボードを複数用意する

特に、チップ数を入力するだけでBB数や平均スタックが自動計算されるようになると、かなり実用的になりそうです。

まとめ

今回は、ポーカー大会の中継で表示されるようなランキングボードを作ってみました。

ポーカーは、チップ量やBB数によって状況が大きく変わるゲームです。その情報を見やすく表示するだけでも、大会らしさや緊張感がかなり出ると感じました。

今後は、実際に入力したデータからランキングボードを生成できるようにするなど、もう少し実用的な方向にも広げていきたいです。

ランキングボードを見る