mirror_js/condition
1
0
Fork 0
mirror of https://github.com/FMS-Cat/condition.git synced 2025-08-30 08:39:56 +02:00
Code Issues Projects Releases Wiki Activity

dev: divCanvasContainer

Browse Source
This commit is contained in:
FMS-Cat
2021-03-17 11:12:35 +09:00
parent e942b6f0bb
commit a6d20f6571
2 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/globals/dom.ts
View File

@@ -37,6 +37,21 @@ export function getCheckboxActive(): HTMLInputElement {
);
}
export function getDivCanvasContainer(): HTMLDivElement {
return getElement<HTMLDivElement>(
'divCanvasContainer',
'div',
{
position: 'fixed',
width: 'calc( 100% - 240px )',
height: 'calc( 100% - 240px )',
left: '0',
top: '0',
display: 'flex',
},
);
}
export function getDivAutomaton(): HTMLDivElement {
return getElement<HTMLDivElement>(
'divAutomaton',

13
src/main.ts
View File

@@ -2,7 +2,7 @@ import { canvas } from './globals/canvas';
import { BufferRenderTarget } from './heck/BufferRenderTarget';
import { Component } from './heck/components/Component';
import { music } from './globals/music';
import { getCheckboxActive } from './globals/dom';
import { getCheckboxActive, getDivCanvasContainer } from './globals/dom';
import { dog } from './scene';
// == music ========================================================================================
@@ -18,10 +18,13 @@ if ( process.env.DEV ) {
document.body.style.background = '#000';
document.body.style.width = '100%';
document.body.appendChild( canvas );
canvas.style.left = '0';
canvas.style.top = '0';
canvas.style.width = 'calc( 100% - 240px )';
const divCanvasContainer = getDivCanvasContainer();
divCanvasContainer.appendChild( canvas );
( canvas.style as any ).aspectRatio = 'auto 1920 / 1080';
canvas.style.margin = 'auto';
canvas.style.maxWidth = '100%';
canvas.style.maxHeight = '100%';
} else {
canvas.style.position = 'fixed';
canvas.style.left = '0';