javascript - 遊戲裡面背景移動的原理是什麼？

Question

例如人向前走，背景向後，切換畫布

Answer 1

實現的原理可以有很多，根據遊戲的主題和內容會有所差異。我所知道的常見比較好實現的：
1、設定一張背景圖，平鋪遊戲主體區域大小，設定background-repeat為repeat，透過計時器改變該圖片的background-position的座標即可實現（例如微信上的打飛機遊戲的背景）。
2、此外還有一些背景相對複雜的可採用一個子容器內含有多張背景圖無間隙拼接，針對父容器做相對定位，移動即改變子容器的top、left值等（類似於輪播圖的原理），因為人向前走其實只是「人」這個層級在限定區域內活動，同時地面和背景在另一相同的層級往人的相反方向定位移動的效果所產生的。

Answer 2

我第一印像是超級瑪莉這種2D遊戲，它的背景並不是二方連續的，左右方向，我覺得最笨的辦法就是那個2D背景很長很長，然後攝影機一直往前推進，哈哈。