javascript - 遊戲裡物件角色層次渲染邏輯和程式碼怎麼寫才好？

Question

例如孤膽槍手裡角色有時在樹下，有時在草地上，它們都是遊戲世界裡的物件，請問角色和地圖對象之間層次邏輯怎麼處理的，代碼又可以怎麼優化呢

Answer 1

遊戲通常都是循環繪製，我的看法是在開始的時候就建立一個分類對象，比如說：

var saves = {
    "background" : [],
    "foreground" ：[],
    "characters" : [],
    "ui" : [],
};

按照for...in的順序開始就可以了。
3D的話因為有z座標可能好弄點，2d的話由於canvas繪圖的機制是」後繪製的圖覆蓋前繪製的圖「所以，需要進行排序才能理清層次。

期待樓下更好的回答，本人不是遊戲開發，僅僅只是興趣嘗試過而已。
這是我的一個 demo

Answer 2

樓上說的對，遊戲是基於楨的動畫，在每一楨中，可以重置物體的層次