最近因為工作需要,所以在制作一個移動端2D游戲。因為是橫版游戲,且和微信公眾號聯系,所以需要強制橫屏,以下為強制橫屏代碼: window.onload = function () { if(window.orientation==180||window.orientation==0) { document.body.style.width = window.innerHeight; document.body.style.height = window.innerWidth; document.body.style.transform = 'rotate(90deg)'; } else{ document.body.style.transform = 'rotate(0)'; } }但是在強制橫屏后,界面寬高出現問題,分辨率也有問題。如下圖:在電腦端顯示正常,如下:為了測試,所以只渲染了一張圖。以下是用pixi.js寫的舞臺及渲染器: var stage = new Container(), renderer = new autoDectectRenderer(width, height); document.body.appendChild(renderer.view); 直接是用窗口的大小來設置的。然后強制橫屏是在參數初始化之前,也嘗試了再次初始化,一樣不行。希望大神們不吝指教。
移動端游戲頁面橫屏顯示問題
LEATH
2019-02-05 21:10:02