パネルにアイルランドの地図がある小さな子供向けゲームを作成しています。ユーザーに特定の郡をクリックするように求める質問がポップアップ表示されます。マップを郡ごとに個別のセクションに分割する最善の方法は何ですか?
「ダブリンはどこですか?」という質問がランダムに表示されます。次に、使用者はダブリンの黒い点をクリックします。
ランダムに出てくる質問にどう対処するかは考えていますが (そうでない場合は後で戻ってきます)、画像にホットスポットを割り当てる提案はありますか?
これは 1 つの画像であり、再スケーリングされていない状態で表示されていると想定しています
だからあなたはできる
UPD: ステップ 1 では、各ブラック ポイントの精度の半径を決定できます。クリックした点が最も近い黒点の精度の半径内にない場合は、ユーザーに明確にするよう求めることができます。
UPD2: 精度を向上させるもう 1 つの方法は、各ブラック ポイントの領域の色を記憶することです。クリックした点の色が、最も近い黒い点の領域の色と同じでない場合は、ユーザーにもう一度クリックするように依頼します。
各郡が多角形として定義されるように、マップをベクトル化できます。ポイントがポリゴンの内側にあるかどうかを判断するストック アルゴリズムがあります。ただし、一部の形状は非常に複雑であるため、これは大変な作業になる可能性があります。
ラスター化されたアプローチを維持したい場合は、各郡のグラフィックを個別の画像オブジェクトに配置し、それぞれをクリックすると反応するようにすることができます。ユーザーがパネルをクリックすると、最初にクリックが含まれるこれらのサブグラフィックのすべてを特定します (それらは重複するため、複数存在する可能性があります)。次に、各サブグラフィックでクリックされたピクセルが透明かどうかを確認します。透明でない場合、ユーザーはその郡をクリックしました。
各郡を個別のグラフィックとして持つと、それらでプレイできる他の多くのゲームが存在することになります。ジグソー パズルや形を示すように、ユーザーはそれがどの郡であるかを推測する必要があります。ただし、それらの支払いを受けるかどうかはわかりません。