問題タブ [isometric]

タイル64x32でアイソメマップを描画します：

このコードを示す画像：http： //i.imgur.com/tgCxF.png

親愛なる専門家の皆様、セルのアイソメトリックインデックスでのマウス座標の変換式を手伝ってください。例：（105; 100）-> [1; 4]。

ありがとう。

PS 私の悪い英語を許してください。私はただ学んでいます...

「Tiled」で作成されたアイソメトリック .TMX ファイルがあり、AndEngine GLES1 を使用しています。背景や地図に使いたいです。また、可能であれば、「プレイヤー」の動きをタイルに結び付けたいと考えています。これに関していくつか質問があることは承知していますが、背景を表示するためだけに実際のコードが必要です。

ここに私の唯一のJavaファイルがあります

EDIT GLES2に切り替えた後、これによりいくつかのエラーが発生しています。新しいクラスを使用して、提供されたコードを挿入しています。これらのクラスを作成する必要がありますか? TMXプロジェクトのリンクは、プロパティを介して行われますか? Androidとそのページの下部にある「追加」ボックス?? ありがとう

マップをマウスでドラッグして探索できる基本的なアイソメ タイル エンジンを実装しました。以下のフィドルを見て、ドラッグしてください：

http://jsfiddle.net/kHydg/14/

分解されたコードは次のとおりです (CoffeeScript):

ドロー機能

マウスドラッグスクロールコントロール

問題

フィドルからわかるように、ドラッグ操作は問題ありませんが、完全ではありません。ドラッグ操作をよりスムーズにするためにコードを変更するにはどうすればよいですか? 私が望むのは、ドラッグしている間、クリックしたマップのポイントがマウスポイントの下に留まるようにすることです。ここで行ったのと同じ: http://craftyjs.com/demos/isometric/

キャンバス2dでアイソメトリックキューブをどのようにしますか? HTML5 Canvas で True Isometric Projectionに従って立方体の上部を取得しましたが、左側と右側はどのように行うのでしょうか?

注: イベント処理機能を損なわずに Kinetic.js オブジェクトを使用したいと考えています。

これは私が今持っているものです：

</p>

デモ: http://jsfiddle.net/F5SzS/

アイソメトリック ゲーム用のマップ エディターを作成していますが、アイソメトリック ガイド グリッド (オブジェクトが配置される場所を示すグリッド) のレンダリングに少し手こずっています。つまり、可変幅と高さのセルでグリッドを形成するように、Graphics オブジェクトを横切る線を描画する必要があります。これを達成するにはどうすればよいですか?

これまでのところ、私は持っています:

しかし、それは左側から始まる左下から右上の線を描くだけです。

オブジェクトが等尺性チャンクの境界内にあるかどうかを確認するにはどうすればよいですか? たとえば、プレーヤーがあり、この等尺性チャンクの境界内にあるかどうかを確認したいと考えています。OpenGL Quads を使用してアイソメトリック チャンクのタイルを描画します。

私の最初の試みは、正方形のパターンのようなものをチェックインすることでした:

ここで何が起こるかというと、実際のアイソメトリック境界ではなく、チャンクの周りの SQUARE をチェックインすることです。画像の例: (プログラムが境界をチェックする場所は赤です)

私が今持っているもの：

ご希望のチェック：

最終的には、チャンク内の各タイルに対して同じことをしたいと考えています。

追加情報:

これまで私のゲームでは、タイルごとにしか移動できませんでしたが、自由に移動できるようにしたいのですが、それでもタイルの場所が必要なので、タイルのどこにいてもタイルの場所は特定されますタイル。次に、それらが別のタイルの境界ボックス内にある場合、それらのタイルの場所が新しいタイルになります。同じことがチャンクにも当てはまります。プレイヤーにはエリアがありますが、この場合、エリアは問題ではありません。X と Y が境界ボックス内にある限り、true を返す必要があります。それらは完全にタイル上にある必要はありません。

したがって、私の問題は、通常、マップを生成するときに、次のものを使用することです。

あなたはそれだけを手に入れることができます。とにかく、私はアイソメトリック/45度の回転でこれを行うための実用的な方法をかなり持っている必要があります。

新しいTile（width / 2、0）を追加する最初のループを言います。

次のループでは、新しいTile（（width / 2）-1、0）と新しいTile（（width / 2）+ 1、0）を追加します。

私はこれを行うためにいくつかの異なる方法を試しましたが、あまり成功していません。

3D モデルからアイソメ タイルを作成するのに役立つツールを Python で作成したいと考えています。おわかりのように、私はあまり熟練したアーティストではなく、無料の 3D モデルが豊富にあり、テーブルや椅子のようなものを作成するのは、ペイントするよりも 3D の方がはるかに簡単です。

このスクリプトは、正投影で 3D モデルを読み込み、ゲームで使用できるように 4 方向から写真を撮ります。Blender でこれを試してみましたが、結果は一貫性がなく、制御が非常に難しく、単純なスプライトを作成するのに非常に時間がかかります。

独自のスクリプトをローリングすると、特にバッチ生成、おそらくテクスチャの変更、シェーディングなどもうまくできるようになるでしょう。ゲーム自体はおそらく Python tpp で作成されるので、オンザフライで生成できるかもしれません。（編集：カメラに面したときのためにカットアウトシースルーウォールを自動的に作成します）

さて、私の質問ですが、このようなことができる Python ライブラリはどれでしょうか? Pyglet と Panda3D の両方をチェックしましたが、正投影に設定するどころか、モデルをロードすることさえできませんでした。

現在、ポリゴンメッシュをアイソメ図（html5キャンバス2Dコンテキスト）でレンダリングしようとしています。
平面の回転を見つけるための正しい計算/アルゴリズムが見つからないことを除いて、私の作業はほぼ完了しています。

例では、2つのベクトルOx、Oyによって定義された平面AとBがあります

平面Aを平面Bと同じ法線にするために、アルファ（Oxの周りの回転）、ベータ（Oyの周りの回転）、およびガンマ（Ozの周りの回転）を見つけて平面Aに適用したいと思います。