состав

150.тела.js

@@ -1,168 +1,106 @@
-мир.объекты = {
+function Тела(физмир)
-    умолчание: {
+{
+    this.создать = function()
+    {
+        this.умолчание = {
             x: 0,
             y: 0,
             ширина: 40,
             высота: 20,
+            угол: 0,
+            часть: false,
             физика: {
                 isStatic: true,
             },
-    },
-    задано: {},
-    тела: {},
-    имена: {},
-    элементы: {},
-    свойстваТела: ["x", "y", "ширина", "высота", "физика"],
         };
 
+        this.задано = {};
+        this.тела = {};
+        this.имена = {};
+    };
 
-// // // //
+    this.обработатьКлюч = function(ключ, путь, значение)
-
-
-мир.ключники.push(function(ключ, путь, значение){
-    if (!ключ.startsWith("объекты"))
     {
-        return;
-    }
-
         var имя = путь[1];
-    var свойство = путь[2];
+        var свойство = путь.slice(2).join(".");
-
+        if (!this.задано[имя])
-    if (!(имя in мир.объекты.задано))
         {
-        мир.объекты.задано[имя] = {};
+            this.задано[имя] = {};
         }
-    var свойствоПуть = путь.slice(2).join(".");
+        this.задано[имя][свойство] = значение;
-    мир.объекты.задано[имя][свойствоПуть] = значение;
 
-    мир.объекты.пересоздатьТело(имя, свойство);
+        this.пересоздатьТело(имя);
-    мир.объекты.обновитьЭлемент(имя, свойство, значение);
-    мир.объекты.обновитьВидЭлемента(путь, имя, свойство, значение);
-});
-
-
-// // // //
-
-
-мир.объекты.обновить = function()
-{
-    for (var имя in мир.объекты.тела)
-    {
-        var тело = мир.объекты.тела[имя];
-        var элемент = мир.объекты.элементы[имя];
-        if (!тело || !элемент)
-        {
-            continue;
-        }
-        var засинхрили = мир.синхронизироватьЭлементТело(элемент, тело);
-
-        // Учесть значения transform из JSON-JS.
-        if (засинхрили)
-        {
-            var transform = мир.объекты.задано[имя]["вид.transform"];
-            if (transform)
-            {
-                элемент.style.transform += transform;
-            }
-        }
-    }
     };
 
-
+    this.пересоздатьТело = function(имя) {
-// // // //
+        // Удаляем старое тело.
-
+        if (имя in this.тела)
-
-мир.объекты.пересоздатьТело = function(имя, свойство)
         {
-    if (!мир.объекты.свойстваТела.includes(свойство))
+            var тело = this.тела[имя];
-    {
+            delete this.имена[тело.id];
-        return;
+            // Всегда удаляем из мира:
+            // * тело не часть;
+            // * тело было не частью, а потом стало частью.
+            Matter.Composite.remove(физмир, тело);
         }
 
-    // Удалить физическое тело.
+        var за = this.задано[имя];
-    if (имя in мир.объекты.тела)
+        var ум = this.умолчание;
-    {
+        var x = (за.x != null) ? за.x : ум.x;
-        var тело = мир.объекты.тела[имя];
+        var y = (за.y != null) ? за.y : ум.y;
-        Matter.Composite.remove(мир.физика.движок.world, тело);
-        delete мир.объекты.имена[тело.id];
-    }
-    // Пересоздать физическое тело.
-    var за = мир.объекты.задано[имя];
-    var ум = мир.объекты.умолчание;
-
-    var x = за.x != null ? за.x : ум.x;
-    var y = за.y != null ? за.y : ум.y;
         var ширина = за.ширина ? за.ширина : ум.ширина;
         var высота = за.высота ? за.высота : ум.высота;
-    // Переводим x,y из левого-верхнего угла в центр.
+        // Переводим x,y из левого верхнего угла в центр.
         x = x + ширина / 2.0;
         y = y + высота / 2.0;
-    var физика = {};
+        // Параметры тела.
-    Object.assign(физика, ум.физика);
+        var параметры = {};
+        Object.assign(параметры, ум.физика);
         for (var путь in за)
         {
             if (путь.startsWith("физика"))
             {
                 var свойство = путь.slice(7);
-            мир.задать(физика, свойство, за[путь]);
+                мир.задать(параметры, свойство, за[путь]);
             }
         }
 
-    var тело = Matter.Bodies.rectangle(x, y, ширина, высота, физика);
+        var тело = null;
-    Matter.Composite.add(мир.физика.движок.world, тело);
+        // Создаём новое составное тело.
-    мир.объекты.тела[имя] = тело;
+        if (за.части)
-    мир.объекты.имена[тело.id] = имя;
+        {
+            параметры["parts"] = this.телаЧастей(за.части);
+            тело = Matter.Body.create(параметры);
+        }
+        // Создаём новое несоставное тело.
+        else
+        {
+            тело = Matter.Bodies.rectangle(x, y, ширина, высота, параметры);
+        }
+        this.тела[имя] = тело;
+        this.имена[тело.id] = имя;
+
+        // Добавляем в физический мир, если не часть другого составного мира.
+        var часть = за.часть ? за.часть : ум.часть;
+        if (!часть)
+        {
+            Matter.Composite.add(физмир, тело);
+        }
     };
 
-
+    this.телаЧастей = function(имена)
-// // // //
-
-
-мир.объекты.обновитьЭлемент = function(имя, свойство, значение)
     {
-    var за = мир.объекты.задано[имя];
+        var тела = [];
-    var ум = мир.объекты.умолчание;
+        for (var н in имена)
-
-    if (!(имя in мир.объекты.элементы))
         {
-        var элемент = document.createElement("div");
+            var имя = имена[н];
-        элемент.id = `объекты-${имя}`;
+            var тело = this.тела[имя];
-        элемент.style.position = "absolute";
+            тела.push(тело);
-        элемент.style.display = "block";
+        }
-        элемент.style.transformOrigin = "center";
+        return тела;
-        document.getElementById("корень").appendChild(элемент);
+    };
-        мир.объекты.элементы[имя] = элемент;
+
-        // Свойства по умолчанию.
+    // Конструктор.
-        элемент.style.width = `${ум.ширина}px`;
+    this.создать();
-        элемент.style.height = `${ум.высота}px`;
 }
 
-    var элемент = мир.объекты.элементы[имя];
-
-    if (свойство == "ширина")
-    {
-        var ширина = за["ширина"] ? за["ширина"] : ум["ширина"];
-        элемент.style.width = `${ширина}px`;
-    }
-    else if (свойство == "высота")
-    {
-        var высота = за["высота"] ? за["высота"] : ум["высота"];
-        элемент.style.height = `${высота}px`;
-    }
-}
-
-
-// // // //
-
-
-мир.объекты.обновитьВидЭлемента = function(путь, имя, свойство, значение)
-{
-    if (свойство != "вид")
-    {
-        return;
-    }
-    
-    var элемент = мир.объекты.элементы[имя];
-    var параметр = путь[3];
-    элемент.style.setProperty(параметр, значение);
-}

700.пуск.js

@@ -5,12 +5,10 @@ function Пуск()
         мир.физика.создать();
         var корень = document.getElementById("корень");
         мир.изображения = new Изображения(корень);
-        //мир.тела = new Тела();
+        мир.тела = new Тела(мир.физика.движок.world);
         мир.столкновения.создать();
         мир.звуки = new Звуки(мир.ключники, мир.события);
         мир.движение = new Движение(мир.ключники);
-        /**///мир.ограничитель = new Ограничитель();
-        /**///мир.рт = new РучноеТело(мир.события);
 
         this.настроитьОбработкуКлючей();
         this.обновить();
@@ -22,16 +20,16 @@ function Пуск()
             if (путь[0] == "изображения")
             {
                 мир.изображения.обработатьКлюч(ключ, путь, значение);
+            } else if (путь[0] == "тела")
+            {
+                мир.тела.обработатьКлюч(ключ, путь, значение);
             }
         });
     };
 
     this.обновить = function()
     {
-        /**///мир.ограничитель.обновить();
-        /**///мир.рт.обновить();
         мир.физика.обновить();
-        //мир.тела.обновить();
         мир.объекты.обновить();
         мир.игрок.обновить();
         мир.слежение.обновить();

800.пример.json.js

@@ -106,7 +106,7 @@
             y: 450,
             высота: 20,
             ширина: 40,
-            мир: true,
+            часть: true,
             физика: {
                 isStatic: false,
                 inertia: Infinity,

index.html

@@ -70,9 +70,7 @@
         <script src="105.заголовок.js"></script>
         <script src="120.физика.js"></script>
         <script src="130.изображения.js"></script>
-        <!--
         <script src="150.тела.js"></script>
-        -->
         <script src="170.объекты.js"></script>
         <script src="180.ввод.js"></script>
         <script src="200.движение.js"></script>