More than 5 years have passed since last update.

ウィンドウのリサイズ時の処理

JavaScript
three.js

Last updated at 2016-08-11Posted at 2016-08-11

REVISION: '78'

cameraのaspect、rendererのsizeを一緒に更新する必要がある。

function onResize() {
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize(window.innerWidth, window.innerHeight);
}
// listen to the resize events
window.addEventListener('resize', onResize, false);

参考
初めてのThree.js 第2版――WebGLのためのJavaScript 3Dライブラリ

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up