【three.js第二课】页面自适应

1.在【three.js第一课】的基础上加入以下代码,改变窗口大小时,页面内容会自适应

//加入事件监听器,窗口自适应
        window.addEventListener('resize', function(){
            var width = window.innerWidth;
            var height = window.innerHeight;
            renderer.setSize(width,height);
            camera.aspect = width/height;
            camera.updateProjectionMatrix();
        })

2.整体代码:




    demo1



    
    
    


 

你可能感兴趣的:(#,JS,张小三,webgl,three.js)