文章詳情頁
javascript - 游戲里面背景移動的原理是什么?
瀏覽:207日期:2024-03-23 11:33:41
問題描述
比如人向前走,背景向后,切換畫布
問題解答
回答1:實現的原理可以有很多,根據游戲的主題和內容會有所差異。我所知道的常見比較好實現的:1、設置一張背景圖,平鋪游戲主體區域大小,設置background-repeat為repeat,通過定時器改變該圖片的background-position的坐標即可實現(例如微信上的打飛機游戲的背景)。2、此外還有一些背景相對復雜的可采用一個子容器內含有多張背景圖無間隙拼接,針對父容器做相對定位,移動即改變子容器的top、left值等(類似于輪播圖的原理),因為人向前走實際上只是“人”這個層級在限定區域內活動,同時地面和背景在另一相同的層級往人的相反方向定位移動的效果所產生的。
回答2:我第一印象是超級瑪麗這種2D游戲,它的背景并不是二方連續的,左右方向,我覺得最笨的辦法就是那個2D背景很長很長,然后攝像機一直往前推進,哈哈。
標簽:
JavaScript
相關文章:
1. css - 怎么修改ng-disabled的樣式2. javascript - JS用ajax爬取百度外賣店家信息3. java - app或者微信也公用這套后端代碼可以嗎?還是重寫一套后端代碼呢?4. 靜態資源文件引入無效5. javascript - ueditor 百度富文本編輯器6. angular.js - 在ionic下,利用javascript導入百度地圖,pc端可以顯示,移動端無法顯示7. javascript - js讀取excel其中一列中的一個值是0.3556但是讀出來是0.35559999999999997?8. javascript - 記得js有個方法是打開一個窗口替換當前頁, 并切不能點擊返回按鈕, 類似支付頁面(安全), 今天找了半天沒找到, 求告知?9. android - 百度離線地圖onGetOfflineMapState在fragment里面不執行10. docker綁定了nginx端口 外部訪問不到
排行榜
