Add more Canvas Elements to be used as layers

[fractalbach]

Currently drawing 2 layers on 1 canvas. Instead, try having 1 canvas for each layer. Give them a class attribute like .layer1

Div #BackgroundLayer:
   Canvas .layer0 .block0
   canvas .layer0 .block1 
   ...

Div #players
   canvas .player #you
   canvas .player #someone
   ...

Div #Layer1
   Canvas .layer1 .block0
   ...

Let the browser do the layering for you 😁

• the divs make for a nice reference point in JS. You can add players to the div#playerLayer
• Use CSS position:absolute, and calculate (top, left) from JS

[fractalbach]

done:

984ad707f346df554150447b351e0723579808ff

d4c026ff661b83320673743496114d0de00a3258