在JS中創建一個非常簡單的遊戲

我目前在JS中製作遊戲，並且遇到了一個問題。在JS中創建一個非常簡單的遊戲

我得到了一個存儲圖像的二維數組，現在我想每一秒更換一張隨機圖片，一切正常，但我不知道如何改變圖片。

如果我想更改數組中的隨機單元，是否必須打印所有其他圖像？

我幾乎可以肯定，還有另一種方法可以在沒有做到的情況下進行更改。

我會很高興的幫助，如果任何人需要其他解釋我會很高興。

來源

2012-02-21 idish

向我們展示您目前使用的代碼。 – 2012-02-21 19:41:47

你的一些代碼如何？ – jbranchaud 2012-02-21 19:42:00

好的，我會展示它 – idish 2012-02-21 19:42:17

你可以嘗試在標題中使用類似的東西。它應該每秒調用changePic()，通過您的圖片數組遞增，並將新圖片設置在圖像元素上。

//know your array sizes 
var max_x = picArr.length; 
var max_y = picArr[0].length; 
var current_x = 0; 
var current_y = 0; 

function changePic() 
{ 
    if(current_y == max_y-1) 
    { 
    if(current_x == max_x-1) 
    { 
     current_x = 0; 
     current_y = 0; 
    } 
    else 
    { 
     current_x++; 
     current_y = 0; 
    } 
    } 
    else 
    current_y++; 

    var pic = picArr[current_x][current_y]; 
    getElementById('randomImage').setAttribute('src', pic); 

    window.setTimeout(changePic, 1000); 
} 

setTimeout(changePic, 1000);

https://developer.mozilla.org/en/DOM/window.setTimeout

來源

2012-02-21 19:56:28

我會在開始時像

var ImageOne = new Image(); 
ImageOne.src = "UrlToImage";

等等公正，以確保所有的圖像加載當比賽開始

此後我將使用jQuery：

$("#IdOfImg").attr("src", ImageOne);

來源

2012-02-21 19:56:10 Leo

您可能需要使用一個CSS類與背景圖像，而丹將圖像添加到DOM元素嘗試。我認爲一個css類的back.png和一個1.png應該可以做到。

每秒切換td元素上的類。

希望這會有所幫助。

來源

2012-02-21 20:05:20 Pierre

在JS中創建一個非常簡單的遊戲

回答

相關問題