イメージをページの全幅/高さにループする方法

-2

forループを使用して小さなイメージをページの100％の幅にループしようとしています。イメージをページの全幅/高さにループする方法

var gameW = window.innerWidth; 
var gameH = window.innerHeight; 
var grass = document.getElementById("grass"); 
var sand = document.getElementById("sand"); 

grass.src = "images/grass.png" 

function makeMap(){ 
    for(var i = 0; i < gameW; i++){ 
     grass++; 
    } 
}makeMap();

出典

2017-12-30 Jeremy dorazio

なぜループする必要がありますか？ – brk

**画像を**画面全体に複製してもよろしいですか？しかし 'grass ++'？ –

私はゲーム用のマップを作っていますが、キャンバスを使用していないので、タイルマップ配列の手法を使用しません。だから私はちょうどforループを使用してタイルをページの全幅と高さにループすることができると考えました。 –

-1

これはオプションの場合はcssで行うことができます。 background-repeatはおそらくその仕事をします。

たとえば、ビューポートの幅を持つ1つのdivを追加し、その背景を目的の画像に設定することができます。

出典

2017-12-30 09:23:23 wohe1

イメージをページの全幅/高さにループする方法

答えて

関連する問題