問題タブ [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.
apache-flex - spark.components.ListおよびTileLayout-スクロールバーは表示されません(テストケース+スクリーンショットが添付されています)
私はフレックスの経験があまりなく、(動作する)フラッシュカードゲームをそれに移植しています。
リストにスクロールバーが表示されないという問題に悩まされています。リストには、プレイテーブル(最大3人のプレーヤー)を表すカスタムコンポーネントが表示されます。
3つの短いMXMLファイルを使用して簡略化されたテストケースを用意しました。これらのファイルをFlashBuilder4.5のプロジェクトに入れるとすぐに実行され、問題が発生します。
Game.mxml(アイテムレンダラー-プレイテーブルを表す青い長方形):
Lobby.mxml(カスタムコンポーネント-トランプゲームのロビーをプレイテーブルのリストで表す):
そして最後に、 LobbyTest.mxml(ロビーコンポーネントとそれをフィードするための偽のXMLデータを含むアプリケーション):
誰か知っていますか、何が問題なのですか?
xna - 2D テクスチャをタイリングして四角形を塗りつぶす
XNA で画像を並べて四角形全体を埋めることはできますか? 私は件名をグーグルで試してみましたが、うまくいくと思われるものは何も見つかりません(おそらく明らかなものが欠けています)。この MSDN ページを見つけましたが、うまく動かないようです。これが私のコードです:
しかし、これはテクスチャを引き延ばして四角形を塗りつぶすだけで、タイル張りではありません。どんな助けでも大歓迎です。前もって感謝します。
java - Java JAI - 多くの小さな画像から 1 つの大きな jpg 画像を作成する
「それはすでにどこかにある...」と言う前に:-) JAIを使用して複数のjpgをタイル状に並べ、Javaヒープエラーやその他のメモリの問題なしにディスクに保存する簡単な例を見て、見つけられなかったと言わせてください。どこにもコードの完全な作業セットを見つけることができません-それらはすべて間違って書かれている/チェックされていないか、単に機能しないようです....
助けてくださいビワン・ケノービ - あなたは私の唯一の希望です!
java - TILED マップによる Java 衝突検出
私はゲームを作っていて、問題に遭遇しました。ポリゴンがタイルに触れたときに true と言う衝突検出を行いました。それは、プレイヤーが壁を歩かないようにするのに最適でしたが (本当ですか?)。重力を適用すると、同じ方法で停止するはずですが、問題が発生しました。床にぶつかるまで落ち続けましたが、もう歩けなくなったので、別の衝突検出が必要です。どこから始めればいいのかわからない?:( ありがとう。
javascript - HTML5で描画する最速の方法は何ですか?
forループを使用して画面の幅と高さを16X16の間隔で反復処理することにより、javascript、CSS、およびHTMLを使用してWebに画面を描画しています。私のループが現在どのように見えるかは次のとおりです。
キャンバスまたは JavaScript の関数の一部、または JavaScript と CSS のブレンドを使用して、これらすべてのタイルを画面に描画するより高速な方法はありますか?
image - WP7 - タイル画像の生成 - 自分の画像を含めることはできません
画像を生成し、これをライブ タイムの画像として使用して、より多くの情報を提供し、外観をより細かく制御できるようにします。問題は、画像を正常に生成している間に、自分の背景画像が含まれていないことです。
次のコードは機能し、画像を正常に取得します
ただし、次のコードは、画像を生成している間、最初の画像を含んでいません (Var ロゴのように)。これを行うためのコードを Web で見つけましたが、最初の背景画像を含める以外は問題なく動作しているようです。
ここで私が間違っていることは明らかです。最初の例で正常に動作するのは、同じファイルと同じファイル パスです。
ありがとう。
javascript - JavaScriptでこのテーブルを適切に並べて表示するにはどうすればよいですか?
これは、私と私の友人が現在、仕掛品のソーシャルネットワーキングサイトで新しいステータスの更新のためにテーブルに新しいステータスの更新を追加するために使用しているJavaScriptコードです。問題は、新しい要素がテーブルに追加されると、それらが並べて表示されることです。下に並べるのではなく、横に並べるので、なぜこれが起こっているのか、そしてそれを修正する方法を知る必要があります、何かアイデアはありますか?詳細については、Webサイトを参照してください。アカウントを作成する必要がある場合がありますが、電子メールアクティベーションの使用を再開するまで、偽の電子メールを自由に使用してください。http://friendgrid.com/ これは、さらに参照できるように問題のスクリーンショットです:http: //dl.dropbox.com/u/2281426/Newsfeed%20Error.bmp
animation - 2D Web ゲームで同期されたアニメーション タイル
2 年前からブラウザで戦略ゲームを構築しています。少数の人々によってすでに活発にプレイされているため、実用的なゲームです。私たちの問題は、リソースが不足していることです。基本的にオペラかクロムが欲しい。IE9 は多かれ少なかれプレイできず、Firefox は一部のマップで非常に遅くなる可能性があります。
このゲームは、マップに 64x64 ピクセルの DIV を使用するタイル ベースのトップダウン ゲームです。
現在、最終段階にあり、最適化に注力しています。資源を消費するものの 1 つは、アニメーション化された水です。32 種類の水のタイルがそれぞれ 15 フレームに分割されています。したがって、1.1 MB の 1 つの .gif ファイルに 480 個の 64x64 画像が含まれます。
ここに水へのリンクがあります: http://www.warbarons.com/beta5/terrain/water/water2.gif
私たちのゲームは Fog of War を使用して、RTS ゲームのように見えない敵のユニットや城を隠します。そのため、通常、.gif の上に透明な PNG のレイヤーがあります。
このソリューションは、ブラウザに対して非常に要求が厳しいようです。マップをスクロールして FireFox で水を表示すると、CPU は 25% まで上昇しますが、水が見えないときは約 4 ~ 5% になります。
私は数日間、より良いテクニックのアイデアを得るためにグーグルで検索してきました. これを行うには、スプレッドシートを反復処理するキャンバス タグを使用するか、CSS を使用してスプレッドシートをループする方法が 2 つあります。
これら 2 つのオプションで私が目にする問題は、すべての水のタイルを同期させておく必要があることです。ある波が別の波の前に再生を開始すると、波が同期しなくなり、シームレスな外観が壊れます。
誰かがこれを解決するアイデアを持っているのだろうか?複数の gif アニメーションを使用すると、非同期の問題が発生することはわかっています。
これを行うためにキャンバスを使用するクリーバーの方法はありますか? キャンバスと div を混在させることは可能ですか?それともマップ エンジン全体を変更する必要がありますか?
どんな助けでも大歓迎です。
wpf - WPFでの大きなタイルマップのレンダリングに関する問題
WPFで非常に大量の画像(10,000以上)を管理するための最良の方法は何ですか?これは、次のような2Dタイルマップエディタ用です:http://www.mapeditor.org/。
現在、すべてのタイルを画像として含むキャンバスと、選択可能なさまざまな画像を含むリストボックスがあります。各タイルは子としてキャンバスに追加され、後でアクセスできるようにリストに保存されます。タイルのSourceプロパティをリストボックスで選択したものに設定して、キャンバスにペイントします。これは約50x50のタイルマップでうまく機能しますが、それを超えると読み込みの遅延が発生し、一般的にアプリケーションが遅くなります。
これに関する提案はありますか?QTはwpfの代わりにもっと適しているでしょうか?
前もって感謝します
php - PHP で Google マップ タイル サーバーと Google マップ ユーティリティを使用してエラーを表示する
Google マップ ユーティリティ ライブラリを使用した Google マップのマップ タイル サーバーと座標変換について質問があります。
私のタイル サーバーは、何千もの GPS 座標 (緯度、経度) を持つデータベースにアクセスし、(緯度、経度) ポイントごとに、そのポイントがタイルの地理的境界内にあるかどうかを確認します。存在する場合は、座標変換 (WGS84 -> メルカトル -> タイル内の X、Y オフセット) を行い、GoogleMapsUtility ライブラリを使用して、タイル内の対応するピクセルをペイントします。
コードに関しては、次のことを行います。
これはgetOffsetPixelCoords
、ライブラリから関数 (および以下の関数)を呼び出します。
さて、結果です。ズーム レベルが 13 未満の場合、うまく機能します。ズーム レベル 11 のタイルの例を次に示します。
ただし、ズーム レベルが 13 を超えるタイルの場合は、次のようになります。
これはとても奇妙です...ピクセルが完全に整列しているように見えますか? 最初は小数の解像度の問題だと思っていましたが、データの解像度はかなり良いです (たとえば、mysql データベースでは 35.6185989379883、139.731994628906 のように double として格納され、php では float と double は同じものです...)
誰かがこの問題を解決する方法について私を助けてくれますか?
前もって感謝します...