изо1

130.изображения.js

@@ -17,13 +17,7 @@ function Изображения(корень)
     {
         var имя = путь[1];
         var свойство = путь.slice(2).join(".");
-        
+        this.обновитьЭлемент(имя, свойство, значение);
-        if (!this.задано[имя])
-        {
-            this.задано[имя] = {};
-        }
-        this.задано[имя][свойство] = значение;
-        this.обновитьЭлемент(имя);
     };
 
     this.создатьИлиПолучитьЭлемент = function(имя)
@@ -43,15 +37,52 @@ function Изображения(корень)
         эл.style.width = `${ум.ширина}px`;
         эл.style.height = `${ум.высота}px`;
         эл.style.transform = `translate(${ум.x}px, ${ум.y}px) rotate(${ум.угол}rad)`;
+
         this.элементы[имя] = эл;
         корень.appendChild(эл);
         return эл;
     };
 
-    this.обновитьЭлемент = function(имя)
+    this.обновитьЭлемент = function(имя, свойство, значение)
     {
+        if (!this.задано[имя])
+        {
+            this.задано[имя] = {};
+        }
+        this.задано[имя][свойство] = значение;
+        var за = this.задано[имя];
         var эл = this.создатьИлиПолучитьЭлемент(имя);
-        
+
+        if (свойство == "ширина")
+        {
+            эл.style.width = `${за.ширина}px`;
+        }
+        else if (свойство == "высота")
+        {
+            эл.style.height = `${за.высота}px`;
+        }
+        else if (
+            (свойство == "x") ||
+            (свойство == "y") ||
+            (свойство == "угол") ||
+            (свойство == "вид.transform")
+        ) {
+            var ум = this.умолчание;
+            var x = за.x ? за.x : ум.x;
+            var y = за.y ? за.y : ум.y;
+            var угол = за.угол ? за.угол : ум.угол;
+            var transform = `translate(${x}px, ${y}px) rotate(${угол}deg) `;
+            if (за["вид.transform"])
+            {
+                transform += за["вид.transform"];
+            }
+            эл.style.transform = transform;
+        }
+        else if (свойство.startsWith("вид"))
+        {
+            var параметр = свойство.substring(4);
+            эл.style.setProperty(параметр, значение);
+        }
     };
 
     // Конструктор.

700.пуск.js

@@ -3,7 +3,7 @@ function Пуск()
     this.запустить = function()
     {
         var корень = document.getElementById("корень");
-        мир.изображения = new Изображения(корень);
+        мир.изображения1 = new Изображения(корень);
         мир.физика.создать();
         мир.столкновения.создать();
         мир.звуки = new Звуки(мир.ключники, мир.события);
@@ -20,7 +20,7 @@ function Пуск()
         мир.ключники.push(function(ключ, путь, значение) {
             if (путь[0] == "изображения1")
             {
-                мир.изображения.обработатьКлюч(ключ, путь, значение);
+                мир.изображения1.обработатьКлюч(ключ, путь, значение);
             }
         });
     };

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

@@ -524,3 +524,20 @@ console.debug("событие", событие);
         },
     },
 });
+
+// // // //
+// Отладка изображения
+// // // //
+
+мир.разобрать({
+    изображения1: {
+        проверим: {
+            x: -200,
+            y: 350,
+            ширина: 200,
+            вид: {
+                background: "url(р/отладка/основа.jpg)",
+            },
+        },
+    },
+});