34 lines
831 B
JavaScript
34 lines
831 B
JavaScript
|
import {Container} from '@avocado/graphics';
|
||
|
|
||
|
import LayerView from './layer-view';
|
||
|
|
||
|
export default class LayersView extends Container {
|
||
|
|
||
|
constructor(layers, renderer) {
|
||
|
super();
|
||
|
this.layers = layers;
|
||
|
this.layerViews = {};
|
||
|
this.renderer = renderer;
|
||
|
this.layers.on('layerAdded', this.onLayerAdded, this);
|
||
|
for (let index = 0; index < layers.length; index++) {
|
||
|
this.onLayerAdded(layers[index], index);
|
||
|
}
|
||
|
this.layers.on('layerRemoved', this.onLayerRemoved, this);
|
||
|
}
|
||
|
|
||
|
onLayerAdded(layer, index) {
|
||
|
const layerView = new LayerView(layer, this.renderer);
|
||
|
this.layerViews[index] = layerView;
|
||
|
this.addChild(layerView);
|
||
|
}
|
||
|
|
||
|
onLayerRemoved(layer, index) {
|
||
|
const layerView = this.layerViews[index];
|
||
|
if (!layerView) {
|
||
|
return;
|
||
|
}
|
||
|
this.removeChild(layerView);
|
||
|
}
|
||
|
|
||
|
}
|