Threejs入门进阶实战案例(4):addEventListener() 方法自适应窗口显示的方案

简介: Threejs入门进阶实战案例(4):addEventListener() 方法自适应窗口显示的方案

addEventListener() 方法调整照相机和渲染器尺寸。

    /* 窗口变动触发 */
    function onWindowResize() {
        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();
        renderer.setSize(window.innerWidth, window.innerHeight);
    }
    /* 监听事件,自适应窗口 */
    window.addEventListener('resize', onWindowResize(), true);


Done!

相关文章
|
前端开发 JavaScript 调度
带你读《现代Javascript高级教程》三十一、requestAnimationFrame:优化动画和渲染的利器(2)
带你读《现代Javascript高级教程》三十一、requestAnimationFrame:优化动画和渲染的利器(2)
113 0
|
小程序 开发者
wepy框架-触摸内容滑动组件使用步骤
wepy框架-触摸内容滑动组件使用步骤
52 0
|
JavaScript 前端开发 数据可视化
带你读《现代Javascript高级教程》三十一、requestAnimationFrame:优化动画和渲染的利器(1)
带你读《现代Javascript高级教程》三十一、requestAnimationFrame:优化动画和渲染的利器(1)
|
JavaScript 前端开发 数据可视化
带你读《现代Javascript高级教程》三十一、requestAnimationFrame:优化动画和渲染的利器(3)
带你读《现代Javascript高级教程》三十一、requestAnimationFrame:优化动画和渲染的利器(3)
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
112 0
|
移动开发 前端开发 JavaScript
淘宝小部件 Canvas 渲染流程与原理全解析
淘宝小部件 Canvas 渲染流程与原理全解析
425 0
|
前端开发
前端学习案例3-瀑布流方式3
前端学习案例3-瀑布流方式3
73 0
前端学习案例3-瀑布流方式3
|
前端开发
前端学习案例1-瀑布流方式1
前端学习案例1-瀑布流方式1
108 0
前端学习案例1-瀑布流方式1
|
前端开发
前端学习案例2-瀑布流方式2
前端学习案例2-瀑布流方式2
72 0
前端学习案例2-瀑布流方式2
|
前端开发
前端学习案例4-瀑布流方式4
前端学习案例4-瀑布流方式4
90 0
前端学习案例4-瀑布流方式4

热门文章

最新文章

下一篇
开通oss服务