make viewport position fixed

This commit is contained in:
HF 2020-05-17 05:57:45 +02:00
parent a2405e349b
commit 121ea6ba67
3 changed files with 11 additions and 2 deletions

View File

@ -16,6 +16,13 @@ html, body {
overflow: hidden;
}
.viewport {
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
/**
* https://github.com/benweet/stackedit/issues/212
*/

View File

@ -71,6 +71,7 @@ class Renderer {
const viewport = document.createElement('canvas');
viewport.width = window.innerWidth;
viewport.height = window.innerHeight;
viewport.className = 'viewport';
this.viewport = viewport;
document.body.appendChild(this.viewport);
//--

View File

@ -163,9 +163,10 @@ class Renderer {
});
threeRenderer.setPixelRatio(window.devicePixelRatio);
threeRenderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(threeRenderer.domElement);
this.threeRenderer = threeRenderer;
const { domElement } = threeRenderer;
domElement.className = 'viewport';
document.body.appendChild(domElement);
this.threeRenderer = threeRenderer;
// controls
const controls = new VoxelPainterControls(