小编ui-*_*.uk的帖子

调整画布/webgl 以适应屏幕宽度和高度

嗨,我正在尝试让我的画布/webgl 将窗口的高度和宽度调整为 100% 我已经这样做了,但是如果我将窗口的大小从小到大调整,它不再“缩放/适合”窗口并且仍然很小想法?JSfiddle:http : //jsfiddle.net/jyr6y3fx/

代码:

var  scene, renderer;
    var glitchPass;

            init();
            animate();


            function init() {

        renderer = new THREE.WebGLRenderer( { alpha: true } );  

                renderer.setPixelRatio( window.devicePixelRatio );
                renderer.setSize( window.innerWidth, window.innerHeight );
                document.body.appendChild( renderer.domElement );

                //

                camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
                camera.position.z = 400;

                scene = new THREE.Scene();



  // postprocessing

                composer = new THREE.EffectComposer( renderer );
                composer.addPass( new THREE.RenderPass( scene, camera ) );

                glitchPass = new THREE.GlitchPass();
                glitchPass.renderToScreen = true;
                composer.addPass( glitchPass …
Run Code Online (Sandbox Code Playgroud)

javascript canvas three.js responsive-design

2
推荐指数
2
解决办法
5762
查看次数

标签 统计

canvas ×1

javascript ×1

responsive-design ×1

three.js ×1