Create multiple windows animation demo

[jcubic]

It would be cool and most likely possible to create something like a multi-desktop monitor setup but with browser windows that are displayed next to each other.

• Create Windows connection.
• Create UI where you drag and arrange windows.
• Create interactive demo on multiple windows (moving circle).
• Record video and share the link.
• Write an article about the demo.

[jcubic]

You can get window location in JavaScript:

function geometry() {
    const left = window.screenX;
    const top = window.screenY;
    const width = window.innerWidth;
    const height = window.innerHeight;
    return {
        top,
        left,
        width,
        height
    };
}

[jcubic]

There is a resize event, but not a move event, so you need to use setInterval and check the position.

[jcubic]

This can be a starting point Multi-Canvas demo.

Now what's left is to use this as a base and create a page that will have a full-screen canvas and draw the circle on multiple pages.