php - ミニマップの設計: より効率的な方法

Question

ミニマップを持つ wap ゲームを作成しています。これは基本的に、(a) 20x20 ピクセルの背景画像を含む 5x5 div です。

しかし、私はそれらをどのように設計するかを理解しようとして膠着状態になりました.

「場所」ごとに 100x100 ピクセルの画像を作成するのは得策ではありません。20x20 の場所のいずれかが変更された場合、100x100 の画像を 15 枚更新する必要があるからです。

その場合、次の 2 つの選択肢が残されます。

2 番目のシナリオでは、画像を取得するために大量の HTTP リクエストが行われます。最初のシナリオでは、サーバーリソースを使用してそれらを大きな画像に結合します。

どのオプションがより効率的だと思いますか? 基本的には負け負けの状況だと思いますが、どちらの負け方が痛みが少ないかを判断する必要があります。

score 0 · Accepted Answer

CSS SPRITESをチェックしてみませんか？

次に、CSS クラス (相対的な背景を持つ) をランダムに選択する php 関数を使用してマップを生成できます。

たとえば、20x20 のマップの 9 つの異なる部分を 3x3 グリッドに結合する場合、マップの各部分に対してクラスを作成するだけです。動的に生成できます (0px 0px を "$x = rand(0,3)*20; $y = rand = rand(0,3)*20;" などに置き換えます)。

.map1 {
    background-image:url(/images/css_sprite.png);
    background-position:0px 0px;
    background-size:20px 20px;
}

1 つの HTTP リクエストが呼び出され、GD でサーバーリソースが浪費されることはありません。

1 に答える 1