Project1

标题: 我如何讓10秒後自動更改遊戲視窗大小呢? [打印本页]

---

作者: play337    时间: 2021-10-20 17:07
标题: 我如何讓10秒後自動更改遊戲視窗大小呢?


我如何讓10秒後自動更改遊戲視窗大小呢?

<canvas width="800" height="600" id="canvas" oncontextmenu="event.preventDefault()" style="width: 800px; height: 600px;"></canvas>

經過十秒

<canvas width="600" height="400" id="canvas" oncontextmenu="event.preventDefault()" style="width: 600px; height: 400px;"></canvas>

-----------------------------------------------------

JAVASCRIPT 代码复制

<script>
setTimeout("alert('對不起, 要你久候')", 30000 )
document.getElementById('canvas').width = '600px';
document.getElementById('canvas').height = '400px';
document.getElementById('canvas').style.width = '600px';
document.getElementById('canvas').style.height = '400px';
</script>

<script>


setTimeout("alert('對不起, 要你久候')", 30000 )


document.getElementById('canvas').width = '600px';


document.getElementById('canvas').height = '400px';


document.getElementById('canvas').style.width = '600px';


document.getElementById('canvas').style.height = '400px';


</script>

結果甚麼事情也沒有發生....

JAVASCRIPT 代码复制

<script>
setTimeout("alert('對不起, 要你久候')", 15000 )
document.getElementById('canvas').width = 600;
document.getElementById('canvas').height = 400;
</script>

<script>


setTimeout("alert('對不起, 要你久候')", 15000 )


document.getElementById('canvas').width = 600;


document.getElementById('canvas').height = 400;


</script>

還是甚麼事情都沒發生.....

JAVASCRIPT 代码复制

window.onload = function() {
    function resize() {
        let canvas = document.querySelector('canvas')
        let ww = window.innerWidth
        let wh = window.innerHeight
        let wRatio =  ww / wh
        let gameRatio = config.width / config.height
        if (wRatio < gameRatio) {
            canvas.style.width = ww + 'px'
            canvas.style.height = ( ww / gameRatio ) + 'px'
        } else {
            canvas.style.width = ( wh * gameRatio ) + 'px'
            canvas.style.height = wh + 'px'
        }
    }
    resize()
    window.addEventListener('resize', resize, false)        // 偵聽事件 resize
}

window.onload = function() {


    function resize() {


        let canvas = document.querySelector('canvas')


        let ww = window.innerWidth


        let wh = window.innerHeight


        let wRatio =  ww / wh


        let gameRatio = config.width / config.height


        if (wRatio < gameRatio) {


            canvas.style.width = ww + 'px'


            canvas.style.height = ( ww / gameRatio ) + 'px'


        } else {


            canvas.style.width = ( wh * gameRatio ) + 'px'


            canvas.style.height = wh + 'px'


        }


    }


    resize()


    window.addEventListener('resize', resize, false)        // 偵聽事件 resize


}

後來找到這個好像很棒的東西...他說可以自己更改遊戲大小... 但是 還是甚麼事情都沒有發生... >_<

------------------------------------------------------
有沒有辦法弄個可以拉動的條....很簡單的改變遊戲視窗大小呢?

如果不能有可以拉動的條...不然就幾個我給定固定大小的按鈕好了....

---

作者: 小怪兽奇奇侠    时间: 2021-10-20 18:56
当然什么事情也不会发生啦，你写的的代码意思是10秒后弹出对不起，要你久候。

---

作者: zths    时间: 2021-10-20 21:10
首先 现代浏览器好像不允许正常网页自己修改大小(弹窗不知道)
然后mv/mz默认支持自动将游戏适配窗口大小的.

你如果是mv/mz默认的的nwjs打包那可以用nwjs的内置函数+启动mv自身的缩放.

1. 
   
2. function resizeTo(w,h){
   
3.         Graphics._stretchEnabled=true;
   
4.         Graphics._updateAllElements()
   
5.         var win = require("nw.gui").Window.get();
   
6.         win.restore();
   
7.         win.resizeTo(w,h);
   
8. }
   
9. setTimeout(function(){
   
10.     resizeTo(600,400)
    
11. }, 30*1000);
    

复制代码

---

欢迎光临 Project1 (https://rpg.blue/)

Powered by Discuz! X3.1