мир.объекты = { умолчание: { x: 100, y: 100, ширина: 40, высота: 20, статика: true, }, задано: {}, тела: {}, элементы: {}, свойстваТела: ["x", "y", "ширина", "высота", "статика"], обновить: обновитьОбъекты, }; // // // // мир.ключники.push(function(ключ, путь, значение){ if (!ключ.startsWith("объекты")) { return; } var имя = путь[1]; var свойство = путь[2]; сохранитьЗаданноеЗначение(имя, свойство, значение); пересоздатьТело(имя, свойство, значение); обновитьЭлемент(имя, свойство, значение); обновитьВидЭлемента(путь, имя, свойство, значение); }); // // // // function обновитьОбъекты() { for (var имя in мир.объекты.тела) { var тело = мир.объекты.тела[имя]; if (тело.isSleeping) { continue; } var элемент = мир.объекты.элементы[имя]; let x = тело.position.x - элемент.offsetWidth / 2; let y = тело.position.y - элемент.offsetHeight / 2; let угол = тело.angle; элемент.style.transform = `translate(${x}px, ${y}px) rotate(${угол}rad)`; } } function сохранитьЗаданноеЗначение(имя, свойство, значение) { if (!(имя in мир.объекты.задано)) { мир.объекты.задано[имя] = {}; } мир.объекты.задано[имя][свойство] = значение; } function пересоздатьТело(имя, свойство, значение) { if (!мир.объекты.свойстваТела.includes(свойство)) { return; } // Удалить физическое тело. if (имя in мир.объекты.тела) { var тело = мир.объекты.тела[имя]; Matter.Composite.remove(мир.физика.движок.world, тело); } // Пересоздать физическое тело. var за = мир.объекты.задано[имя]; var ум = мир.объекты.умолчание; var x = за["x"] ? за["x"] : ум["x"]; var y = за["y"] ? за["y"] : ум["y"]; var ширина = за["ширина"] ? за["ширина"] : ум["ширина"]; var высота = за["высота"] ? за["высота"] : ум["высота"]; var свойства = { isStatic: ("статика" in за) ? за.статика : ум.статика, inertia: Infinity, }; var тело = Matter.Bodies.rectangle(x, y, ширина, высота, свойства); Matter.Composite.add(мир.физика.движок.world, тело); мир.объекты.тела[имя] = тело; } function обновитьЭлемент(имя, свойство, значение) { var за = мир.объекты.задано[имя]; var ум = мир.объекты.умолчание; if (!(имя in мир.объекты.элементы)) { var элемент = document.createElement("div"); элемент.id = `объекты-${имя}`; элемент.style.position = "absolute"; элемент.style.display = "block"; элемент.style.transformOrigin = "center"; document.body.appendChild(элемент); мир.объекты.элементы[имя] = элемент; // Свойства по умолчанию. элемент.style.width = `${ум.ширина}px`; элемент.style.height = `${ум.высота}px`; } var элемент = мир.объекты.элементы[имя]; if (свойство == "ширина") { var ширина = за["ширина"] ? за["ширина"] : ум["ширина"]; элемент.style.width = `${ширина}px`; } else if (свойство == "высота") { var высота = за["высота"] ? за["высота"] : ум["высота"]; элемент.style.height = `${высота}px`; } } function обновитьВидЭлемента(путь, имя, свойство, значение) { if (свойство != "вид") { return; } var элемент = мир.объекты.элементы[имя]; var параметр = путь[3]; элемент.style.setProperty(параметр, значение); console.debug(имя, свойство, параметр, значение); }