Tell me more ×  I'm creating a new game engine for the web by
the name of Engine1. I've currently produced a couple
prototypes. So far I've been able to:    1. Map the transparent
pixels of sprites using canvas.   2. Bind events to the opaque
pixels of sprites.   3. Develop a game runtime with a set fps.
4. Animate sprites at variable frame timing.   5. Animate
element movement, both     1. frame by fame     2. and with
frame based motion tween  I'm happy with my progress but I seem
to be uncomfortable with advancing further without consulting an
expert in DOM performance.  Currently when an element is
created, its appended to a DOM fragment I call the "Shadow DOM".
Every frame this "Shadow DOM"'s HTML is copied and inserted into
the body of the page (or the current view port).  I've set it up
this way because I can add everything to the page in one re-flow
of the browser.  My concern is that the performance gained will
be offset by the need to re flow the contents of the browser,
even if only parts of the