41 |
67 |
42 |
48 |
62 |
49 |
50 |
51 |
56 | Drag and drop files here
52 |UI files have a schema. Hover over properties to see their description
53 |Press Shift+S to reload UI
54 |Press Shift+L to show debug lines
55 |
57 |
58 | 
59 |
60 |
61 |
59 |
60 |
63 |
64 |
65 |
66 |
68 |
69 |
72 |
70 |
71 | 
';
299 | const flabel = document.createElement('div');
300 | flabel.className = 'file-label';
301 | flabel.textContent = file.name;
302 |
303 | cont.appendChild(ficon);
304 | cont.appendChild(flabel);
305 | btn.appendChild(cont);
306 |
307 | explorer.appendChild(btn);
308 | }
309 |
310 | refreshExplorer();
311 |
312 | explorer.addEventListener('contextmenu', (e) => {
313 | e.preventDefault();
314 | });
315 |
316 | window.addEventListener('keydown', (e) => {
317 | if (e.ctrlKey && e.code === 'KeyS') {
318 | e.preventDefault();
319 | reloadUIStuff();
320 | }
321 | });
322 |
323 | const canvas = document.getElementById('screen') as HTMLCanvasElement;
324 | const gl = canvas.getContext('webgl2') as WebGL2RenderingContext;
325 | setGL(gl);
326 | preparePrograms(gl);
327 | gl.viewport(0, 0, canvas.clientWidth, canvas.clientHeight);
328 | gl.clearColor(0.0, 0.0, 0.0, 1.0);
329 | gl.canvas.width = canvas.clientWidth;
330 | gl.canvas.height = canvas.clientHeight;
331 |
332 | let lastTime = performance.now();
333 | let frames = 0;
334 | const fpsEl = document.getElementById('fps')!;
335 |
336 | const projMat = new Matrix4f().identity().setOrtho(0, canvas.clientWidth / 2, canvas.clientHeight / 2, 0, 1000, 3000);
337 | const modelViewMat = new Matrix4f().identity().translate(0, 0, -2000);
338 |
339 | let DEBUG_UIFILES = false;
340 |
341 | const keys: Record