empty panel, visual tweaks
This commit is contained in:
parent
49cf653dba
commit
b342e33912
6 changed files with 92 additions and 9 deletions
12
main.js
12
main.js
|
@ -2,6 +2,7 @@ import factory from "./painting/factory.js";
|
|||
import Canvas from "./painting/canvas.js";
|
||||
import Shape from "./painting/shape.js";
|
||||
import Button from "./ui/button.js";
|
||||
import Panel from "./ui/panel.js";
|
||||
|
||||
document.body.innerHTML = "";
|
||||
|
||||
|
@ -11,12 +12,21 @@ let canvas = new Canvas(window.innerWidth, window.innerHeight);
|
|||
let repaint = new Button("paint");
|
||||
repaint.addHandler(canvas.clear.bind(canvas));
|
||||
repaint.addHandler(paint);
|
||||
repaint.setPosition(50, 50);
|
||||
repaint.setPosition(25, 25);
|
||||
|
||||
let panel = new Panel(300, window.innerHeight - 10);
|
||||
panel.setPosition(5, 5);
|
||||
|
||||
let settings = new Button("gear");
|
||||
settings.addHandler(panel.toggle.bind(panel));
|
||||
settings.setPosition(75, 25);
|
||||
|
||||
window.addEventListener("resize", onWindowResize, false);
|
||||
|
||||
document.body.appendChild(canvas.element);
|
||||
document.body.appendChild(panel.element);
|
||||
document.body.appendChild(repaint.element);
|
||||
document.body.appendChild(settings.element);
|
||||
|
||||
function onWindowResize(e) {
|
||||
Shape.setBounding(window.innerWidth, window.innerHeight);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue