問題タブ [tile]
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.
canvas - 変換付きのキャンバス-グリッドを描画するための最良の方法は何ですか
拡大縮小、スクロールなどが可能なWPFキャンバスがあります。ここで、グリッド線を描画(タイリング)したいと思います。できればスケールに応じて、古いグリッド線がフェードアウトし、新しい(スケールは大きくなりますが、ズームが同じように見えるため)グリッド線がフェードインします。
「Tilebrush!」と叫ぶ人がいるのを聞いたことがありますが、その例をグーグルで検索することはできません。
タイルブラシのMSDNページだけでなく、ズーム可能なキャンバスにグリッド線を効率的に描画する方法について、誰かが私を正しい方向に向けることができますか?:)
windows-phone-7 - WP7 アプリケーションのタイルを表示しますか?
アプリケーションのタイル (大きな画像) をメニューに表示するにはどうすればよいですか?
opengl - タイルベースのゲームとテクスチャアトラスに頂点バッファオブジェクトを使用する
私はOpenGLを使用してC#でタイルベースのゲームを作成しており、コードを可能な限り最適化しようとしています。
私は本のいくつかの記事とセクションを読みましたが、VBOを使用するとパフォーマンスが大幅に向上するという同じ結論に達しました(ご存知かもしれませんが)。
ただし、それらがどのように正確に機能するかはよくわかりません。
私のゲームでは画面にタイルが表示され、一部は変更され、一部は同じままになります。これにVBOを使用するには、各タイルの座標を配列に追加する必要がありますよね?
また、これらのタイルにテクスチャを適用するには、このために別のVBOを作成する必要がありますか?
アニメーション化されたタイルと画面上で静的なタイルがある場合、これらの座標をタイリングするためのコードがどのようになるかはよくわかりません。 誰かが私にこれの簡単な要約を教えてもらえますか?
すべてのタイルのテクスチャアトラスを使用する予定です。テクスチャタイルにこのアトラスをどこから使用し始めるかわかりません。 適用するアトラスのタイルの座標を計算する必要がありますか?アトラスの座標を使用してテクスチャを適用する方法はありますか?
誰かがこれらの質問を解決することができれば、それは大いにありがたいです。必要に応じて、誰かに時間と支援を払い戻すこともできます。
ありがとう、
グレッグ
javascript - HTML5 キャンバス ゲームのタイルセット
HTML5 キャンバスでゲームを作成しようとしていますが、大量の画像をアップロードする代わりに、すべてのタイルを含む 1 つの画像をアップロードしたいだけです。問題は、画像の一部だけを表示する方法がわからないことです。基本的に、Google がこの画像で行うことをしたいと考えています: http://www.google.com/images/srpr/nav_logo27.png固定の高さ/幅のタイルを除きます。誰かがこれを行う方法を私に説明できますか? また、キャンバスがキャンバスのない通常の HTML ページと異なる場合、キャンバスでどのようにすればよいでしょうか?
css - GWT で画像スプライトを使用するにはどうすればよいですか?
画像リソースでタイル画像を使用しようとしていて、GWT チュートリアルを参照していました...
1 つのセクションでは、スプライトを使用する必要があると述べています: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#ImageResource
repeatStyle は、@sprite ディレクティブと組み合わせて使用される列挙値であり、画像がタイル表示されることを示します。
だから、今私はスプライトディレクティブを追加する必要があります..どこですか?スプライトについて調べて、ここに来ました: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#Image_Sprites
この例では、次の 2 つのファイルの作成が指示されています。
- MyCssResource
- マイリソース
これをどこに書きますか:
@sprite .mySpriteClass {gwt-image: "imageAccessor"; その他: プロパティ;}
?
参考のためのいくつかの引用:
@sprite は、CSSResource が宣言されている FooBundle に敏感です。@sprite 宣言で指定された兄弟 ImageResource メソッドは、背景スプライトを構成するために使用されます。
google-maps-api-3 - Google Maps API V3 - カスタム タイル
私は現在、こちらでGoogle Maps API V3に取り組んでいます
21 から 23 の間でズームすると、マップ上に画像がオーバーレイされます。画像の読み込みに時間がかかりすぎるため、読み込みを簡単にするために画像を複数のタイルに分割することにしました。自動タイル カッターを使用して画像をタイルにカットしています。
スクリプトに問題があります。
最初の質問Photoshop ドキュメントから X と Y の値をどのように見つけますか?
最初の質問をなんとか解けたとしましょう。
2 番目の質問ズーム レベルに応じてタイルを表示するには、以下のコードは正しいですか? または、コードがありませんか?
windows-phone-7 - WP7app から直接タイトルを更新
私の問題は次のとおりです。ユーザーが WP7app からの単一要素情報 (リストボックス アイテムからの情報など) をライブ タイルにピン留めできるようにしたいと考えています。どうやってするか?TileScheduler は画像のみを更新し、プッシュ通知はそれらを処理するための専用の Web サービスを必要とします。アプリでタイルの値を設定できるようにしたいと思います。
助けてください。
ザワー。
tiles - 非常に単純なタイルベースのゲームの問題
パックマンのようなゲームを作ろうとしています。私は次のような配列を持っています:
配列:
1 =壁、0=空のスペース
この配列を使用して、16x16のサイズのタイルを描画します。ゲームのキャラクターは32x32です。
最初は、配列インデックス、[1,1]などで文字の位置を表しました。
array [character.new_y] [charater.new_x] == 0の場合、彼の位置を更新します
次に、これらの配列座標をピクセル[y * 16、x * 16]に変換して、彼を描画しました。
彼はうまく並んでいて、壁には入らなかったが、私が彼をそれぞれ16ピクセルずつ更新していたので、彼は非常に速く動いていることに気づいた。
逆に、ゲームキャラクターの位置をピクセル単位で保存して、1回の移動で16ピクセル未満しか使用できないようにすることにしました。
私はこのような単純なifステートメントだと思いました:
彼が壁に入るのを防ぐだろうが、残念ながら彼は底と右側の壁を少し食べます。
ピクセル位置を配列インデックスに適切に変換する方法はありますか?これは単純なことだと思いますが、私は本当にそれを理解することはできません:(
algorithm - 2Dタイルマップの生成
私は2Dタイルエンジンを開発しており、現在、マップ生成アルゴリズムに取り組んでいます。
私は通常、次のような単純なハイトマップ生成に関係する基本的なものを試しました
- 丘の世代
- パーリンノイズ
- ダイヤモンドスクエア
しかし、私はいつも同じ問題を抱えています。この種のアルゴリズムは、高さコンポーネントもあるタイルマップを処理する場合に適しているようですが、これは私の場合ではありません。
私は基本的に草、海、砂漠などのスプライトを持っていますが、生成された高さに応じてマップ内に配置するべきではなく、次のようなものです。
- すべては海から始まります
- 島はマップの中央に配置されます(これは、私が試したアルゴリズムがほとんど失敗した場所です)
- 砂漠が生成されます(それらは周りのランダムなスポットのようになります)
- 山と丘のチェーンがスポーンされます(ヘビのようになります)
どのようなアプローチを試すべきですか?
必要なことを実行するための特殊なアルゴリズムを開発することで、サブコンポーネントの問題(砂漠、丘、山など)を解決しました(たとえば、山はある地点から始まり、曲がる可能性のある方向をたどります)が、基本的な島(パンゲアまたは何度ものサイズにカスタマイズ可能)。
私が探しているものは、文明アルゴリズムのようなものです。
windows-phone-7 - プログラムでWP7デバイスのタイルを変更します
アプリ内から新しいタイルを生成して変更したいアプリを作成しています。Webサービスは関与せず、アプリが実行されていないときに変更する必要はありません。
誰もがこれを行う方法を知っていますか?
乾杯!