У меня есть список, в который я добавляю / удаляю элементы:
let list = [];
list.push(1);
list.push(2);
list.shift();
Или это также может быть карта:
let res = {};
res['key'] = 3;
res['key2'] = 5;
delete res['key'];
Теперь я хочу отобразить этот список / карту , Я использую Pixi. js, где есть граф сцены для объектов.
Поэтому у меня есть несколько функций для настройки и рендеринга этой сцены:
let dS = new Sprite();
addToScene();
function addToScene() {
// add a sprite to the scene
scene.addChild(dS);
}
// called once on setup
function init() {
dS.texture = textures['smile'];
}
// called everytime on render
function render() {
dS.position.set(x, y);
}
Как вы можете видеть, есть шаг создания спрайтов, добавления спрайтов в сцену, инициализации с текстурами и установки их положения в каждый момент рендеринга. Теперь это было бы легко, если бы я знал, что спрайты были стати c. Но, как я упоминал выше, у меня есть список, в который я добавляю / удаляю элементы. Как мне инициализировать эти спрайты, связанные с каждым элементом списка, и отобразить их, а также добавить / удалить их по мере их добавления / удаления из списка.