問題描述

比如人向前走，背景向后，切換畫布

問題解答

實現(xiàn)的原理可以有很多，根據(jù)游戲的主題和內(nèi)容會有所差異。我所知道的常見比較好實現(xiàn)的：1、設(shè)置一張背景圖，平鋪游戲主體區(qū)域大小，設(shè)置background-repeat為repeat，通過定時器改變該圖片的background-position的坐標(biāo)即可實現(xiàn)（例如微信上的打飛機(jī)游戲的背景）。2、此外還有一些背景相對復(fù)雜的可采用一個子容器內(nèi)含有多張背景圖無間隙拼接，針對父容器做相對定位，移動即改變子容器的top、left值等（類似于輪播圖的原理），因為人向前走實際上只是“人”這個層級在限定區(qū)域內(nèi)活動，同時地面和背景在另一相同的層級往人的相反方向定位移動的效果所產(chǎn)生的。

我第一印象是超級瑪麗這種2D游戲，它的背景并不是二方連續(xù)的，左右方向，我覺得最笨的辦法就是那個2D背景很長很長，然后攝像機(jī)一直往前推進(jìn)，哈哈。