問題タブ [hexagonal-tiles]

HTML5キャンバスを使用してJavascriptでアニメーションを作成するには、最初に六角形の周りのポイントごとのパスを記述できる必要があります。私はすでに各頂点のx/y座標を持っています。エッジの周りをどちらの方向に移動するかわからないので、どのソリューションでもどちらの方向にも機能するはずです。

六角形の半径、つまり各辺は20ピクセルです。そのパスの各ピクセルのx位置とy位置をマップする、各辺に20ポイントのセットを作成する必要があります。これは、各ピクセルが各ステップで1ずつ増加し、他の軸が静的なままである直線の場合、明らかに簡単です。角度の付いた側面では、ポイントをプロットするために必要な三角法を取得できません。

私はこれが些細なことであるとかなり確信していますが、私の心の中で明確になるためにいくつかの助けをいただければ幸いです。

私は六角形のタイル マップを使用して単純な 2D ボード ゲームを開発しています。画面上に六角形を描画する方法と管理方法に関するいくつかの記事 (六角形のタイルに関する質問があるたびにリンクされている gamedev の記事を含む) を読みました。動き（ただし、その多くは以前に行ったことがあります）。私の主な問題は、指定された半径に基づいて隣接するタイルを見つけることです。

これが私の地図システムの仕組みです：

私が苦労しているのは、for(x-range;x+range;x++); for(y-range;y+range;y++);不要なタイルを選択するため、使用して隣接するタイルを「選択」することができないという事実です (私が示した例では、(1,1) タイルを選択し、1 の範囲を指定すると、私は (3,0) タイル (実際に必要なものは (0,1)(0,2)(1,0)(1,2)(2,1)(2,2) です)。 (配列が構造化されているため)タイルに隣接していますが、実際には選択したいものではありません.力ずくでそれを実行することもできますが、それは美しいものではなく、おそらく「半径の選択」のすべての側面をカバーするわけではありません. '。

誰かがここで私を正しい方向に向けることができますか?

さて、私はこれらの画像を持っています：

基本的に私がやろうとしているのは、約 5 ～ 12 の六角形の「モザイク」を作成することです。それらのほとんどはほぼ中央に配置され、すべての線が交差します。

例えば：

おそらく力ずくで実行できることは承知していますが、Android向けに開発しているので、より高速で効率的で、プロセッサの負荷が少ない方法が必要です。

誰かが私に解決策を提供してくれますか、それとも正しい方向に私を向けることさえできますか?

C#/XNA を使用するプロジェクトに取り組んでいますが、トップダウンの 16 進数ベースのグリッドで水物理学を作成するのに問題があります。

http://www.redblobgames.com/grids/hexagonsの助けを借りて、hex-tilemap を使用しています。そこで、水流のアルゴリズムを実装できると思ったのですが、うまくいかないようで、パフォーマンスが非常に重いようです。

さて、私の質問ですが、トップダウン環境で、できればヘックスベースのグリッドを使用して水物理学を実装する方法を知っている人はいますか?

いくつかのライブラリを調べたところ、平滑化粒子の流体力学が見つかりましたが、それがトップダウンで実装可能かどうかはわかりません。また、その方向へのガイドが見つからないようです。

いくつかの指針でさえ十分かもしれません。

前もって感謝します、C. Venhuizen