переименовать

2021-07-12 14:24:49 +03:00
parent eb51faa1b9
commit e69b1071ab
13 changed files with 25 additions and 11 deletions
--- a/160.объекты.js
+++ b/160.объекты.js
@@ -0,0 +1,146 @@
+мир.объекты = {
+    умолчание: {
+        x: 0,
+        y: 0,
+        ширина: 40,
+        высота: 20,
+        физика: {
+            isStatic: true,
+        },
+    },
+    задано: {},
+    тела: {},
+    элементы: {},
+    свойстваТела: ["x", "y", "ширина", "высота", "физика"],
+    обновить: обновитьОбъекты,
+};
+
+
+// // // //
+
+
+мир.ключники.push(function(ключ, путь, значение){
+    if (!ключ.startsWith("объекты"))
+    {
+        return;
+    }
+
+    var имя = путь[1];
+    var свойство = путь[2];
+
+    if (!(имя in мир.объекты.задано))
+    {
+        мир.объекты.задано[имя] = {};
+    }
+    var свойствоПуть = путь.slice(2).join(".");
+    мир.объекты.задано[имя][свойствоПуть] = значение;
+
+    пересоздатьТело(имя, свойство);
+    обновитьЭлемент(имя, свойство, значение);
+    обновитьВидЭлемента(путь, имя, свойство, значение);
+});
+
+
+// // // //
+
+
+function обновитьОбъекты()
+{
+    for (var имя in мир.объекты.тела)
+    {
+        var тело = мир.объекты.тела[имя];
+        var элемент = мир.объекты.элементы[имя];
+        мир.синхронизироватьЭлементТело(элемент, тело);
+    }
+}
+
+
+// // // //
+
+
+function пересоздатьТело(имя, свойство)
+{
+    if (!мир.объекты.свойстваТела.includes(свойство))
+    {
+        return;
+    }
+
+    // Удалить физическое тело.
+    if (имя in мир.объекты.тела)
+    {
+        var тело = мир.объекты.тела[имя];
+        Matter.Composite.remove(мир.физика.движок.world, тело);
+    }
+    // Пересоздать физическое тело.
+    var за = мир.объекты.задано[имя];
+    var ум = мир.объекты.умолчание;
+
+    var x = за.x != null ? за.x : ум.x;
+    var y = за.y != null ? за.y : ум.y;
+    var ширина = за.ширина ? за.ширина : ум.ширина;
+    var высота = за.высота ? за.высота : ум.высота;
+    // Переводим x,y из левого-верхнего угла в центр.
+    x = x + ширина / 2.0;
+    y = y + высота / 2.0;
+    var физика = {};
+    Object.assign(физика, ум.физика);
+    for (var путь in за)
+    {
+        if (путь.startsWith("физика"))
+        {
+            var свойство = путь.slice(7);
+            мир.задать(физика, свойство, за[путь]);
+        }
+    }
+
+console.debug("имя/физика", имя, физика);
+
+    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.getElementById("корень").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(параметр, значение);
+}