three.js
9 - Redimensionnement et plein écran

Redimessionner et mettre en plein écran

Bordure et défilement

 
html,
body
{
    overflow: hidden;
}
 
*
{
    margin: 0;
    padding: 0;
}
 
.webgl
 {
     position: fixed;
     top: 0;
     left: 0;
     outline: none;
 }

Redimensionner

window.addEventListener('resize', () =>
{
    // Update sizes
    sizes.width = window.innerWidth
    sizes.height = window.innerHeight
 
    // Update camera
    camera.aspect = sizes.width / sizes.height
 
    // Update renderer
    renderer.setSize(sizes.width, sizes.height)
    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2))
})