国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

PhaserJS 3 屏幕適配時(shí)的小坑 -- JavaScript Html5 游戲開發(fā)

mumumu / 963人閱讀

摘要：巨坑在內(nèi)不要把設(shè)為在內(nèi)不要把設(shè)為在內(nèi)不要把設(shè)為重要的事情得說三遍接收更多游戲開源教學(xué)為游戲開發(fā)深感自豪

巨坑：
在config內(nèi)不要把 width 設(shè)為 window.innnerWidth
在config內(nèi)不要把 width 設(shè)為 window.innnerWidth
在config內(nèi)不要把 width 設(shè)為 window.innnerWidth

重要的事情得說三遍...

var game;
// once the window loads...
window.onload = function () {
    // 接收 websocket;
    // config of the game;
    var config = {
        type: Phaser.AUTO,
        parent: "bitgame",
        width: 640, // don"t window.innerWidth 
        height: 512,
        physics: {
            default: "arcade",
            arcade: {
                gravity: {
                    y: 0
                },
                debug: false,
            }
        },
        //*** scenes used by the game
        scene:  [BootScene,PlayGameScene,UIScene]
    }
    game = new Phaser.Game(config);
    // game.scene.add("Boot", BootScene); //*** key,class */
    // game.scene.add("PlayGame", PlayGameScene);
    // game.scene.add("UI", UIScene);
    // game.scene.start("Boot");

    window.focus();
    resize();
    window.addEventListener("resize", resize, false);
}
 
function resize() {
      
    var canvas = document.querySelector("canvas");
    var windowWidth = window.innerWidth;
    var windowHeight = window.innerHeight;
    var windowRatio = windowWidth / windowHeight;
    var gameRatio =  game.config.width / game.config.height;
    if (windowRatio < gameRatio) {
        canvas.style.width = windowWidth + "px";
        canvas.style.height = (windowWidth / gameRatio) + "px";
    } else {
        canvas.style.width = (windowHeight * gameRatio) + "px";
        canvas.style.height = windowHeight + "px";
    }


}

更多游戲開源教學(xué)：www.iFIERO.com -- 為游戲開發(fā)深感自豪

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/99062.html

相關(guān)文章

  • PhaserJS 3 屏幕適配時(shí)的小坑 -- JavaScript Html5 游戲開發(fā)

    摘要：巨坑在內(nèi)不要把設(shè)為在內(nèi)不要把設(shè)為在內(nèi)不要把設(shè)為重要的事情得說三遍接收更多游戲開源教學(xué)為游戲開發(fā)深感自豪 showImg(https://segmentfault.com/img/remote/1460000016934375); 巨坑：在config內(nèi)不要把 width 設(shè)為 window.innnerWidth在config內(nèi)不要把 width 設(shè)為 window.innnerWid...

    Pink 評(píng)論0 收藏0

  • 前端工程化工具初選

    摘要：面對(duì)日益紛雜的前端工具，作為新人常感無從下手。腳手架應(yīng)用開發(fā)流程與工具項(xiàng)目生成器集成方案解決前端開發(fā)中自動(dòng)化工具性能優(yōu)化模塊化框架開發(fā)規(guī)范代碼部署開發(fā)流程等問題框架簡潔直觀強(qiáng)悍的框架，讓開發(fā)更迅速后端程序的福音。 　　面對(duì)日益紛雜的前端工具，作為新人常感無從下手。經(jīng)過一番檢索和簡單對(duì)比，再結(jié)合自己的喜好，篩選了將要學(xué)習(xí)和使用的工具，以適應(yīng)日益工程化、專業(yè)化的 Web 前端開發(fā)工作。 s...

    Rocture 評(píng)論0 收藏0

  • SegmentFault 技術(shù)周刊 Vol.35 - WebGL：打開網(wǎng)頁看大片

    摘要：在文末，我會(huì)附上一個(gè)可加載的模型方便學(xué)習(xí)中文藝術(shù)字渲染用原生可以很容易地繪制文字，但是原生提供的文字效果美化功能十分有限。 showImg(https://segmentfault.com/img/bVWYnb?w=900&h=385); WebGL 可以說是 HTML5 技術(shù)生態(tài)鏈中最為令人振奮的標(biāo)準(zhǔn)之一，它把 Web 帶入了 3D 的時(shí)代。 初識(shí) WebGL 先通過幾個(gè)使用 Web...

    objc94 評(píng)論0 收藏0

  • Phaserjs3 對(duì)象池隨機(jī)產(chǎn)生炸彈并銷毀 -- Html網(wǎng)頁游戲開發(fā)

    showImg(https://segmentfault.com/img/remote/1460000016964470); showImg(https://segmentfault.com/img/remote/1460000016964471); scene.js /// use strict; var BootScene = new Phaser.Class({ Extends...

    xushaojieaaa 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<