問題タブ [isometric]

私は大学のプロジェクト用にゲームをデザインしていましたが、配列や SQL データベースに数値を配置するのではなく、最終的に視覚補助を使用してマップを作成できるように、最初にマップ エディターを作成するのが楽しいと思いました。

とにかく、ほとんどすべてが正しく機能しています。ほとんどすべて...タイルを変更してオブジェクトを配置できますが、唯一の問題は、マップ上の位置に従って配列を0にリセットしてオブジェクトをクリアしたい場合、バグアウトして奇妙なエラーが発生することです。

ここに私のゲームへのリンクがあります: http://81.98.176.230/silverpolis/game/canvas_test4.php

代わりにこれを見たい場合のコードは次のとおりです。どの部分が間違っているのかわかりません。そのため、表示する必要がある機能を特定できません。

これは明らかなはずの非常に単純な問題のように思えるため、申し訳ありませんが、私には無知のようです。

エンジンを作成し、ライト 0 をシーンの「太陽」として使用しています。理想的には、太陽はベクトルではなく固定光源になるので、位置ベクトルの 4 番目のインデックスは 1.0f になるはずです。

シーンのオルソ視点を設定し、ライトをキャラクターの位置に設定します (x/y は平面地形の座標で、正の z はカメラに面し、地形の「高さ」を示します。シーンはまた、x 軸上でアイソメ ビュー用に回転します)。

キャラクターは常に画面の中心にありますが、何らかの理由で、キャラクターとワールド座標 0,0,0 の間の位置で光が輝いているように見えることに気付きました。キャラクターがワールド座標 0,0,0 から遠ざかるほど、ライトは大きく/広くなります。文字が 0,0,0 の場合、ライトは非常に小さいです。キャラクターが 0,200,0 のような位置に移動すると、光は非常に大きくなります。

私は足を濡らして、キャラクターに追従する「光」を手に入れようとしています（そして、後で位置などを調整して太陽を作成します）。

Graphics.BeginRenderingLayer = PushMatrix、EndRenderingLayer = PopMatrix Video.MapRenderingMode = Ortho Projection およびシーンの回転/ズーム画面の真ん中。

何かご意見は？ここで私のコードの一部を少し混乱させたのでしょうか？

キャンバスまたはwebGLを使用して、何と言いますか？

キャンバスは現在DOMなどに基づいているため、パフォーマンスがあまり良くないことをどこかで読んだことがあります。一方、webGLはまだ十分にサポートされていません。そして、私が推測することを学ぶこともより難しいです。

ゲームは「2.5」Dです。3Dは必要ありません。ただし、wegGLは、グラフィックカードで処理されるため、優れた効果が得られる可能性があります。ブラウザ間で十分にサポートされていないという事実は、私がキャンバスを使用して得ることができなかった利点（パフォーマンス、効果など）を実際に提供していることを確認すれば、私が生きることができるものです。

私はより急な学習曲線を気にしません。重要なのは、ゲームがスケーラブルで、最後にうまく機能し、ほとんどの機能が潜在的に可能であるということです。

よろしくお願いします。よろしくお願いします。

等角投影図については多くのアドバイスがあることは知っていますが、それらのほとんどを読んでも問題は解決しませんでした。もっと簡単にするために C# のコードを書き直します (このコードは Android プラットフォームで使用されます)。

では、64x32 の 1:2 タイルを使用して、このコードを使用してダイヤモンド マップを作成します。

ここでマップコードをスクロールするためにグローバルアンカーも使用します

主な問題は、どの式が私にとって役立つマウスの下にタイルを取得するかです。

わかりました、多くの質問を読んだ後、六角形のグリッドをペイントすることができましたが、実際にはうまくいきませんでしたが、うまくいき、これが必要です。さて、私の次のステップは、この平面図を等角図で取得することです。このマップのようなものです。

http://www.issmtp.org/gnfGr.jpg

単純な CAAffineTransform または CATransform3D を使用する方法を望んでいますが、これについては本当に行き詰まっています。誰かが私を助けることができますか？

等角ゲームの世界を描くの式に従ってマップを描くことができます。しかし、マップレイヤーdiv上の位置に従って、1つのタイルのxyを見つけるにはどうすればよいですか？

明確にするために、私のタイルの左側のスタイルは1036ピクセルで、上部のスタイルは865ピクセルです。それらのcssプロパティによると、マップに従ってタイルのxとyの位置をどのように見つけることができますか？

タイルの幅は200、高さは100です。

どうもありがとう。

私のJavaScriptコードは次のようなものです。

したがって、xpos変数とypos変数は、各タイルレイヤーのcss位置です。マップレイヤーをクリックすると、タイルの等尺性xy座標が計算されます。

farmvillie、barnbuddy などの facebook でアイソメトリック ゲームを開発する必要があります。それを開発するためのフレームワーク(リンクはこちら)をいくつか見つけましたが、isolib ほど単純ではありません。そこで、as3 isolib を使用することにしました。そのための Google プロジェクトはhereです。

しかし、基本的なもの (シーンの追加、マップの追加など) を除いて、as3 isolib の AZ チュートリアルは見つかりませんでした。もっと物が欲しい。それで、高度なas3 isolibチュートリアルを提案してもらえますか（100回グーグルで検索しました）？

とにかく、アイソメトリック ゲームを開発するための isolib 以外のフレームワークの提案があれば、それも教えてください。

ありがとう

キャンバス (& js) でアイソメトリック html5 ゲームを開発しています。私のグリッドは、列 (​​x) と行 (y) で構成されています。

現在、私のプレーヤーはマップを歩くことができますが、座標から座標へとジャンプします。

スプライト アニメーションを使用して、タイルからタイルへとスムーズに移動させようとしています。しかし、私にはその方法がわかりませんし、このメカニズムを説明している記事も見つかりません。もう一度あなたに頼ります!

したがって、これを行う方法を知っているか、これを説明する記事やチュートリアルを知っていれば、それは素晴らしいことです!

前もって感謝します、

ニック・ヴァーハイエン

更新: プレーヤーを歩くために現在使用しているコード

注: プレイヤーが移動している方向を保存しているので、正しい画像を表示できます。

また、EaselJS のようなライブラリは使用していません。ドキュメントや例がほとんどないという単純な理由で、自分ですべてを理解しなければなりません。

私は現在等角ゲームに取り組んでおり、正角を適切に変換して等角スケーリングされた角度で動作するようにするための助けが必要です。等角図にすると、同じ角度がどのように異なるかの大まかな例を示しました。

基本的に、角度が度またはラジアンの場合、アイソメトリックスキューだけで同じ角度に変換する方法を探しています。助けや正しい方向へのポイントは非常に役に立ちます。

ところで、私はピクセル アートを扱っているので、等角は標準の 30 度ではなく、26.6 度であることを指摘する必要があるかもしれません。

いくつか頭を悩ませた後CCSpriteBatchNode、cocos2d olny を使用すると、子として追加されたスプライトを z オーダーできることがわかりました (これは明らかです。今ではわかりました..)

そして、次のように表示リストに追加する必要があるため..

他の家の間で単一のトークンの z オーダーを変更する方法はありません...
これらのバッチ ノードの順序を変更するまで、それらは常に家の上にレンダリングされます

ところで、すべてのスプライトのアーツを 1 つの大きな単一のバッチ ノードに「マージ」できます...そうすることで、スプライトの座標を使用してスプライトを並べ替えることが可能になりました

私はそれに少し立ち往生しています......異なるスプライトバックノードを持つことでそれを達成する方法はありますか? またはプログラムで2つのバッチノードをマージすることは可能ですか? （またはそのようなもの）

LozArcherによる github の非常に興味深いオープン プロジェクトであるKnightFightを見つけました。彼はバッチ ノードの代わりにCCSpriteFrameandCCSpriteのメソッドを使用しました... setDisplayFramexcode 4)