Setup app root with WebGL/Pixi canvas

[olange]

Actions

• Create an ‹app-game› component with a Pixi v5 canvas DONE 27.01 OL+RF
• Propagate resize of ‹app-game› component to its Pixi canvas TODO note this is different than window resize; we might want to use a Resize Observer, or propagate the resize event fired on the window
• Debounce the resize TODO avoid too much costly resizing of the canvas, especially in case of component resize driven by window being resized by the user
• Add a fullscreen button and have the layout adjust TODO see also Gōng-fu I/O en 10 min.
• Add a FPS display TODO voir jkanchelov/pixi-fps

References

• StackOverflow › Dynamically resize the pixi stage and it's contents on window resize and window load
• MDN › Window: resize event
  « […] It is still possible to set onresize attributes or use addEventListener() to set a handler on any element. However, resize events are only fired on the window object […] »
• CSSWG › Resize Observer Editor’s Draft, 11.11.2020
• Why Async iterators matters › slide «Wait, do we even need this?» Benjamin Gruenbaum, 08.04.2016

See also

• Setup app shell #11 Setup app shell