仿as3的displaylist

AS3有显示列表这个东西,这东西可以理解为一个数组,管理着舞台上n多的的显示对象。


以Canvas来说,首先是没有显示对象的概念的,因为一个canvas就是一个显示对象,再没有更细分的概念了,于是在canvas中,舞台可以和显示对象划等号。


下面我就用js模拟显示列表,以便更好的管理“显示对象”,实现可读性更好的代码。

var displayList = [];


接着,每次画一个对象,就把它加入数组,顺序一定要保证是对的,因为后画的会覆盖先画的,不然层叠效果就错了。

那么我们怎么用它呢?虽然我不知道flash底层是怎么用显示列表的,我猜大概是遍历它,然后一个个的渲染,每一帧都这么来一下。所以我们需要为每个“显示对象”实现一个接口方法:render()


于是代码的架子就是:

var displayList = [];

for (var i = 0, len = displayList.length; i < len; i++) {

    displayList[i].render();

}

  

你可能感兴趣的:(display)