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
可视化拖拽组件库一些技术要点原理分析(二)(上)
可视化拖拽组件库一些技术要点原理分析(二)
94 1
|
数据可视化 API
可视化拖拽组件库一些技术要点原理分析(三)(二)
可视化拖拽组件库一些技术要点原理分析(三)(二)
100 0
|
数据可视化 JavaScript
可视化拖拽组件库一些技术要点原理分析(四)(上)
可视化拖拽组件库一些技术要点原理分析(四)
85 0
可视化拖拽组件库一些技术要点原理分析(四)(上)
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
105 0
|
JSON 数据可视化 前端开发
可视化拖拽组件库一些技术要点原理分析(二)(下)
可视化拖拽组件库一些技术要点原理分析(二)(下)
107 0
|
数据可视化 API 索引
可视化拖拽组件库一些技术要点原理分析(三)(三)
可视化拖拽组件库一些技术要点原理分析(三)(三)
134 0
|
数据可视化 前端开发 JavaScript
可视化拖拽组件库一些技术要点原理分析(四)(下)
可视化拖拽组件库一些技术要点原理分析(四)(下)
67 0
|
数据可视化 API
可视化拖拽组件库一些技术要点原理分析(三)(一)
可视化拖拽组件库一些技术要点原理分析(三)
89 0
|
前端开发
前端学习案例2-瀑布流方式2
前端学习案例2-瀑布流方式2
64 0
前端学习案例2-瀑布流方式2
|
前端开发
前端学习案例3-瀑布流方式3
前端学习案例3-瀑布流方式3
56 0
前端学习案例3-瀑布流方式3