オプションの佐賀

それで私は再びサンポを設立しました、
ボックスを複数弦にし、
もう一度、1か月間天国に入れて
彼は再び太陽に自由を与えました...

カレバラ

ボードゲームは、初心者の開発者にとって非常に魅力的です。 写実的な画像を作成して複雑なシェーダーを使用する必要はありません（ただし、誰もこれを禁止していません）。 大部分のゲームで3Dを使用する必要さえありません。 ボードゲームの複雑さは、非ビジュアルコンポーネントに焦点を当てています。 ユーザーインターフェイスはシンプルで非常に原始的です。

それはただ...彼は一人ではありません！ 今日は、ボードゲームのユーザーインターフェースデザインの開発における私の経験についてお話したいと思います。これは1年以上の仕事で蓄積されました。

ボードゲームに対する私の真剣な情熱は、 Zillions of Gamesに精通した瞬間から始まりました。 私は文字通り「ひざの上で」コンピューターボードゲームを作成できるこのユニークな製品について多くのことを書いています。 私が現在開発している無料で無料の製品であるDagazのプロトタイプとして機能したのは、このプログラムであったことしか思い出せません。

私はZoGから多くのことを学び、この経験は私自身の開発の強固な基盤となりました。 私はZoGで多くのことを好まなかったので、これが仕事をするきっかけになりました。 何かがやり直されましたが、Zillions of Gamesの概念は引き続き中心にあります。 たとえば、次のような



上で書いたように、ZoGユーザーインターフェイスは非常にシンプルに見えます。 ドラッグする図形をマウスで示し（同時に、移動可能なフィールドが強調表示されます）、次にその図形を新しいフィールドにドラッグします。 ここで私が好きではない2つのポイントがあります。 1つ目は、少なくともDagazが動作するモバイルデバイスに接続されていますが、Zillions of Gamesは動作しません。

タッチスクリーンでは、マウスポインターが正常に指に置き換わります。 しかし、これは何かをクリックしている間、この指が画面のかなりの半分をブロックすることを意味します。 その結果、フィールドの強調表示を行うことが難しくなります。 指が画面から外れると、バックライトが消えます。 これは当たり前のように思えますが、基本的にデスクトップでDagazをデバッグしたので、モバイルデバイスユーザーにとっての悪魔のような不便さをすぐに理解できませんでした。


2番目のポイントは、画面上の図形の「ドラッグ」に関連しています。 実際、すべてのゲームでフィギュアが1つの「ピース」で構成されているわけではありません。 このような状況では、「ドラッグアンドドロップ」はすべてを台無しにします。 無数のゲームでは、 そのようなゲームはひどく見えます。 これが、ドラッグアンドドロップを拒否した主な理由です。 Dagazでは、図をクリックするとターゲットフィールドの「ハイライト」がオンになり、その後ターゲットフィールドをクリックすると移動が開始されます。 モバイルデバイスの場合、2回目のプレスは一種の「確認」であるため、これは二重に優れています。完了するまで、別の数字を選択して移動を放棄できます。



Zillions of Gamesの遺産についての会話を締めくくり、別の重要なメカニズムについてお話したいと思います。 画像内の黄色の長方形に注意してください。 マウスで押されたときにどの図が選択されるかを決定するのは彼らです。 これが問題です。 図形が2つ（またはそれ以上）のレイヤーにある場合、図形が含まれているかどうかに関係なく、上にある領域は常にマウスクリックをインターセプトします。 指でそれが私を悩ませた回数を数えることは不可能です！ もちろん、ダガズではこれは修正されています。


一部のゲーム（「 ファームチェス 」など）では、ピースを動かすアニメーションが特定のパスに沿って実行されることが非常に重要です。 「直線で」数字を転送すると、ゲームのルールの理解が著しく複雑になります。 ここではさまざまなアプローチが可能ですが、モデルはムーブメントの開始位置と終了位置のみを「知る」必要があるという事実から始めました。 他のすべては、ゲームのプレゼンテーションの責任です。 ビューの構成では、個々の位置をリンクする「ベクトル」が定義され、モデルからいくつかの位置を受け取った彼のタスクは、それらをつなぐ一連の「ベクトル」を自動的に構築して動きをアニメーション化します。



多くの場合、プレーヤーにゲームの目標に関する視覚的な手がかりを提供できると便利です。 時には（上の図のように）ボード自体がヒントになりますが、これが十分でない場合（例えば、動く駒のパズルのように）、Zillionsから継承された別の「装飾」オプションが役立ちます。 " highlight-goals "がアクティブになっている場合、マウスポインターの形状にカーソルを合わせると、マウスポインターが強調表示される位置が強調表示されます。

プレイヤーへの視覚的な「ヒント」のテーマを続けて、別の新しいDagazオプションについて話す価値があります。 複雑なコンパウンドムーブのゲームでは、ピースがまだ完全に移動を完了していないことを忘れる（または理解しない）ので、「迷子になる」のは非常に簡単です。 「show-blink」設定を実装して、デザインを新しいカラーマークでオーバーロードせず、アニメーションを使用して移動を実行するフィギュアを選択することにしました。


このソリューションは冗長に見えるかもしれませんが、このオプションを実装するとき、私は主にチェッカーによってまったく導かれなかったことをここで理解することが重要です。 「 Ko 将gi 」や「 天Sho将gi 」など、複合的な動きを伴うはるかに複雑なゲームが数多くあります。 ルールをよく知っていても、そのようなボードで「迷子になる」のは非常に簡単です。 そして、そのようなゲームがあり、その複合的な動きのデザインは完全に珍しいです：


このトピックに密接に関連しているのは、数字の表示の問題です。 チェスでゲームをプレイしたり、ゲームをプレイしたりすること（チェッカーなど）が誰にとっても馴染みがある場合、特別な問題はありませんが、チェスでも、撮影するフィギュアは移動が終わるフィールドに常にあるとは限りません 。 そして、ゲームがあまり馴染みのない場合、潜在的なキャプチャの表示が重要になります。 さらに、いくつかのゲームでは、キャプチャされたフィギュアのグループを選択できるはずです：


マダガスカルファノローネには、2種類のキャプチャー移動があります。最初のケースでは、1つのピース（またはピースのグループ）がそれに接近して撮影され、2番目では、リトリートによって撮影されます。 ゲームでは、プレイヤーがキャプチャの実行方法を選択する必要がある状況が可能です。 このグリップを複合ストロークのチェーンに統合できるため、さらに複雑です。 また、「 ミル 」、「 ヨウタイ 」、「 スワンプ 」などの「ボーナス」テイクのあるゲームでは、キャプチャしたフィギュアを選択する機能が必要です。

show-blinkの場合と同様に、インターフェイスをカラーマークでオーバーロードせず、半透明の形状で潜在的なキャプチャを表示することにしました。 ドロップの動きも同じように表示されます。 ドロップストロークでボードに追加された形状は、マウスポインターが対応する位置に移動すると半透明の形式で表示されます（残念ながら、この表示はモバイルデバイスでは機能しません）。


場合によっては、ゲームのドロップムーブのルールがすべてのポジションで許可されないことがあります。 プレイヤーを誤解させないために、移動に許可されるポジションが少ない場合、ボード上のすべての有効な動きを表示するのが理にかなっています。 これはReversiやRenjuのようなゲームでうまく機能します。


非常に多くの場合、禁止された動きは許可された動きよりもはるかに少ないです（これは、例えばRenjuのファウルに適用されます）。 プレーヤーを誤解させないように、禁止されたアイテムにマークを付ける必要があります。 私は新しいものを思い付かず、多くのプレイヤーに知られている「 Ko 」という呼称を使用しました。


Renju 、 Fangqiなどのゲームでは、ボード上にそのような広場が複数ある場合があります。 また、形状の移動に関連するいくつかの困難があります。 Millファミリーのゲームでは、同じシリーズを2回連続して作成することを禁止する規則が適用される場合があります。 同時に、行を完成させる空のフィールドのみをマークすることは完全に正しいわけではありません。 別の行の構築につながる場合、この位置への移動は許容される可能性があるためです。 この場合、形状を構成するすべての形状にマークを付けることは理にかなっています。


これが私の「 ミル 」です。 品揃えで 。 そして、中国の同志と、もちろん「 スワンプ 」からの同様の ゲームのカップル。 もちろん、これで話は終わりではありません。 たとえば、私は本当にこのゲームを作りたいです。 確かに、問題はここのオプションに限定されません。