начать 4.1 и накатить наработки сцены,мыши

2021-10-19 14:33:32 +03:00
parent 94a5486925
commit 8f3018a0d8
23 changed files with 1253 additions and 0 deletions
--- a/4.1/игра/100.Изображения.js
+++ b/4.1/игра/100.Изображения.js
@@ -0,0 +1,146 @@
+function Изображения(события, виды, корень)
+{
+    this.создать = function()
+    {
+        this.умолчание = {
+            пр: [0, 0, 100, 100],
+            угол: 0,
+        };
+        this.задано = {};
+        this.элементы = {};
+        события.подписать(this);
+    };
+
+    this.создатьИлиПолучитьЭлемент = function(имя)
+    {
+        var эл = this.элементы[имя];
+        if (эл)
+        {
+            return эл;
+        }
+
+        var ум = this.умолчание;
+        эл = document.createElement("div");
+        эл.id = `изображения-${имя}`;
+        эл.style.position = "absolute";
+        эл.style.display = "block";
+        // Свойства по умолчанию.
+        this.обновитьПозициюРазмерЭлемента(имя, эл);
+        эл.style.transform = `rotate(${ум.угол}rad)`;
+        this.элементы[имя] = эл;
+        корень.appendChild(эл);
+        return эл;
+    };
+
+    this.обновитьВид = function(имя, вид)
+    {
+        var эл = this.создатьИлиПолучитьЭлемент(имя);
+        let за = виды.задано[вид];
+        for (let параметр in за)
+        {
+            эл.style.setProperty(параметр, за[параметр]);
+        }
+        this.обновитьУгол(имя);
+    };
+
+    this.обновитьПозициюРазмерЭлемента = function(имя, эл)
+    {
+        let пр = this.пр(имя);
+        эл.style.left = `${пр[0]}px`;
+        эл.style.top = `${пр[1]}px`;
+        эл.style.width = `${пр[2]}px`;
+        эл.style.height = `${пр[3]}px`;
+    };
+
+    this.обновитьУгол = function(имя)
+    {
+        var за = this.задано[имя];
+        var ум = this.умолчание;
+        var эл = this.элементы[имя];
+
+        var угол = за.угол ? за.угол : ум.угол;
+        var transform = `rotate(${угол}deg) `;
+
+        let вид = за["вид"];
+        if (вид)
+        {
+            let виза = виды.задано[вид];
+            if (виза && виза["transform"])
+            {
+                transform += виза["transform"];
+            }
+        }
+
+        эл.style.transform = transform;
+    };
+
+    this.обновитьЭлемент = function(имя, свойство, значение)
+    {
+        if (!this.задано[имя])
+        {
+            this.задано[имя] = {};
+        }
+        this.задано[имя][свойство] = значение;
+        var за = this.задано[имя];
+        var эл = this.создатьИлиПолучитьЭлемент(имя);
+
+        if (свойство.startsWith("пр"))
+        {
+            this.обновитьПозициюРазмерЭлемента(имя, эл);
+        }
+        else if (
+            (свойство == "угол") ||
+            (свойство == "вид")
+        ) {
+            this.обновитьВид(имя, за["вид"]);
+        }
+    };
+
+    this.обновитьЭлементыВида = function(вид)
+    {
+        for (let имя in this.задано)
+        {
+            let заданныйВид = this.задано[имя]["вид"];
+            if (заданныйВид && заданныйВид == вид)
+            {
+                this.обновитьВид(имя, вид);
+            }
+        }
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (путь[0] == "изображения")
+        {
+            var имя = путь[1];
+            var свойство = путь.slice(2).join(".");
+            this.обновитьЭлемент(имя, свойство, значение);
+        }
+    };
+
+    this.обработатьСобытие = function(событие)
+    {
+        let префикс = "виды/";
+        if (событие.startsWith(префикс))
+        {
+            let вид = событие.substring(префикс.length);
+            this.обновитьЭлементыВида(вид);
+        }
+    };
+
+    this.пр = function(имя)
+    {
+        let за = this.задано[имя];
+        let пр = this.умолчание.пр;
+        return [
+            за["пр.0"] ? за["пр.0"] : пр[0],
+            за["пр.1"] ? за["пр.1"] : пр[1],
+            за["пр.2"] ? за["пр.2"] : пр[2],
+            за["пр.3"] ? за["пр.3"] : пр[3],
+        ];
+    };
+
+
+    // Конструктор.
+    this.создать();
+}