文章詳情頁
javascript - 游戲里面背景移動(dòng)的原理是什么?
瀏覽:170日期:2024-03-23 11:33:41
問題描述
比如人向前走,背景向后,切換畫布
問題解答
回答1:實(shí)現(xiàn)的原理可以有很多,根據(jù)游戲的主題和內(nèi)容會(huì)有所差異。我所知道的常見比較好實(shí)現(xiàn)的:1、設(shè)置一張背景圖,平鋪游戲主體區(qū)域大小,設(shè)置background-repeat為repeat,通過定時(shí)器改變?cè)搱D片的background-position的坐標(biāo)即可實(shí)現(xiàn)(例如微信上的打飛機(jī)游戲的背景)。2、此外還有一些背景相對(duì)復(fù)雜的可采用一個(gè)子容器內(nèi)含有多張背景圖無間隙拼接,針對(duì)父容器做相對(duì)定位,移動(dòng)即改變子容器的top、left值等(類似于輪播圖的原理),因?yàn)槿讼蚯白邔?shí)際上只是“人”這個(gè)層級(jí)在限定區(qū)域內(nèi)活動(dòng),同時(shí)地面和背景在另一相同的層級(jí)往人的相反方向定位移動(dòng)的效果所產(chǎn)生的。
回答2:我第一印象是超級(jí)瑪麗這種2D游戲,它的背景并不是二方連續(xù)的,左右方向,我覺得最笨的辦法就是那個(gè)2D背景很長很長,然后攝像機(jī)一直往前推進(jìn),哈哈。
標(biāo)簽:
JavaScript
上一條:c++ - c語言實(shí)現(xiàn)的web服務(wù)器運(yùn)行問題下一條:c++ - 瀏覽器,v8引擎,JavaScript,ECMAScript到底是什么關(guān)系?
相關(guān)文章:
1. angular.js - angularjs的自定義過濾器如何給文字加顏色?2. angular.js - angular內(nèi)容過長展開收起效果3. 關(guān)于docker下的nginx壓力測(cè)試4. docker鏡像push報(bào)錯(cuò)5. 關(guān)于nginx location配置的問題,root到底是什么6. linux - openSUSE 上,如何使用 QQ?7. 并發(fā)模型 - python將進(jìn)程池放在裝飾器里為什么不生效也沒報(bào)錯(cuò)8. 大家好,請(qǐng)問在python腳本中怎么用virtualenv激活指定的環(huán)境?9. python的前景到底有大?如果不考慮數(shù)據(jù)挖掘,機(jī)器學(xué)習(xí)這塊?10. linux - 升級(jí)到Python3.6后GDB無法正常運(yùn)行?
排行榜

熱門標(biāo)簽