問題タブ [isometric]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
math - 等角投影 : 数学の何が問題になっていますか?
等角図法の数学の問題があります。記事を読んだことがあります:アクソノメトリック プロジェクション - 技術概要。等角投影部分の場合、x 部分の 3D ポイントを 2D ポイントに変換するための数式が次のように与えられます。
しかし、等角投影の wiki もチェックするので、wiki が提供する回転行列を使用して、自分で計算します。
ベータは wiki で定義されています (Y 軸の回転角度で、45 にする必要があります)。では、私の数学の何が問題なのですか? それとも、等角図法について私が知らないことがありますか?
javascript - HTML/JS/CSS アイソメトリック グリッドと半透明のクリックスルー タイル
横向きの「アイソメ」ビューと透明なタイルを使用する Web アプリ/ゲームを作成しようとしています。各 div (各タイル) を position:absolute として設定し、top と left のパラメーターを設定する PHP 数式を使用して、それらを問題なく表示できます (ただし、あまり良くありません)。問題は、タイルのクリックをキャッチして、透明なビットを持つタイルがその下のタイルにクリックスルーできるようにする方法です。
私の問題の例はhttp://stuff.adammw.homeip.net/other/fv/farmville_2.htmlにあります
javascript - 等角ゲームのタイルデータを保存する最も効率的な方法
私は<canvas>
、をサポートする高速ブラウザ用の等角ゲームに取り組んでいます。これはとても楽しいことです。各タイルの情報を保存するために、次のようなタイルIDを表す番号を含む2次元配列を使用します。
これまでのところうまく機能していますが、今はこの写真のように高さと傾斜を操作したいと思います: alt text http://harmen.no-ip.org/isometrictiles.png
タイルごとに、タイルID、高さ、およびどのコーナーが上向きになっているのかに関する情報を保存する必要があります。
次のように、四隅すべてのビット単位の表現について簡単なアイデアを思いつきました。
私の質問は、各セルのこれら3つの値を保存する最も効率的な方法は何ですか?これらの3つの値を1つの整数として保存することは可能ですか?
java - アイソメビューでのマウスのようなRTS(LWJGL)
アイソメビューでのマウスクリックに本当に問題があります。単純に私はフラットマップを持っており、私が言ったように、アイソメビューのカメラを持っています。ウィンドウをクリックすると、マップをクリックした座標を取得したいと思います。ヘルプはありますか?
3d - 正投影マトリックスを使用した2D画面座標への3D座標
頂点を3D空間に格納するシーンがあります。私がやりたいのは、これらの頂点を等角投影の観点からオルソグラフィックにレンダリングすることです。
私の検索のすべてにおいて、明白な答えは、OpenGLなどのような正投影カメラを使用することです。
問題は、理解を助けるためにこれを最初から書きたいので、本当にカメラの中の理論を探しているということです。
3D空間内の任意のポイントを取得し、正投影マトリックスを使用してそのポイントから画面座標を取得するにはどうすればよいですか?
現在、正投影マトリックスがあります。
ここで、rは右、lは左、tは上、bは下、fは遠、nは近です。
これにy軸を中心とした回転を追加してから、この行列に対して頂点座標を乗算します。これにより、ワールドスペースの頂点がビュースペースの座標に変換されると思います。
しかし、それはまだ3Dベクトルなので、2D画面の座標をどのように外挿するかについて興味があります。
どんな助けでも素晴らしいでしょう。
ありがとう、ジョン
flash - 2Dレーシングゲームで等尺性模倣を作成するには?
2D レーシング ゲームをアイソメ図のように変更するにはどうすればよいですか? Flash + ActionScript3
ゲームは完全に2Dです。車は本来のように動き、地面を運転している間はすべて問題ありません。グレーのランプを追加しました。これで、矢印が示すように車が動き、3D の錯覚 (アイソメ) が作成されます。
ランプは3つのセクターに分かれています
-最初に、右側のセクター (車が現在位置している場所);
-2 番目、左側のセクター。
-3 番目、上のセクター。
さらに、スピードが速いときにランプから飛び出すには、車が必要です。古いスクール ゲーム Rock'n'Roll Racing (ブリザードのセガ ゲーム) を参照します。
だから質問は
1)ランプを走行しているときに、車の角度と速度(速度X と速度 Y)を変更するにはどうすればよいですか?
2)ランプからの飛び出しを開始するにはどうすればよいですか? たとえば、ロックンロール レースのように?または、ブリザードが本質的にどのようにそれを行ったのですか? (多分提案)
タク。
flash - アイソメティックビューを回転させる方法は?
この単純なネストされたループを使用して、アイソメタイルのビューを作成しています。
これでタイルがうまく配置されますが、マップを90度間隔で回転させる必要があります。タイルのx、y位置を移動する必要はありません(深度の並べ替えが台無しになるため)。ラベル文字列の2D配列を使用して別のフレームを選択するだけです。どうすればそれを達成できますか?
flash - ファームビル、ハッピーアイランドなどのソーシャルゲームに使用されるアイソメトリックエンジンです
1)ソーシャルゲームで世界をレンダリングするために使用されるアイソメトリックエンジンです。もしそうなら、私がそれを使う方法を学ぶことができるどこかに私を導いてくれませんか。
2)また、家、建物、農場、その他のオブジェクトは、ドラッグアンドドロップでどのように配置されますか。そのためのチュートリアルはありますか?
ありがとうございました。
actionscript-3 - FarmVille のようなソーシャル ゲームを構築するための ActionScript 3 フレームワーク/エンジン
ゲームの現在のアーキテクチャは次のとおりです。
- PHP + MySql バックエンド、
- Flash および ActionScript 3 フロントエンド。
エンジン/フレームワークを選択するための主な基準は次のとおりです。
- アイソメ ビューのサポート。
- 再利用可能性 : 現在のゲーム開発は、将来、異なるストーリー タイプの同様のソーシャル ゲームを構築する作業を容易にするはずです。
- 開発の容易さ
すでに研究されているもの:
- as3isolib - アイソメトリック レンダリング用ですが、レンダリング部分のみに制限されています。
- PushButton エンジン - オープン ソース エンジン、コンポーネント ベース
- オープン スペース エンジン - しかし、それは Smart Fox サーバーでのみ機能すると思います。
他に良い推奨事項はありますか?
javascript - マッピングするアイソメ スクリーン
「ランプ」と+1の高さのタイルがある場合に、マウスの下に正しい「アクティブ」タイルを取得する方法を理解しようとしています(下の図を参照)。
私の世界がフラットなときは、すべてが問題なく機能します。高さ +1 のタイルを追加し、ランプを +0 に戻しても、画面 -> マップ ルーチンはすべてが「フラット」であるかのように見えます。
上の図で、緑の「ランプ」は、レンダリングしてマウス -> マップを計算したい実際のタイルですが、「下」に表示されている青いタイルは、計算される領域です。したがって、マウスを濃い緑色の領域のいずれかに移動すると、別のタイルにいると見なされます。
これが私のマップレンダリングです(非常に単純です)
そして、ここに私のマウス - >マップルーチンがあります:
単純な画面 -> マップ ルーチンではなく、最初からやり直して、ワールド ベースのマップ システムを実装する必要があると感じています。
ありがとう。