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

4.1/игра/050.Заголовок.js

@@ -0,0 +1,10 @@
+function Заголовок()
+{
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (ключ == "заголовок")
+        {
+            document.title = значение;
+        }
+    }
+}

4.1/игра/070.Виды.js

@@ -0,0 +1,28 @@
+function Виды(события)
+{
+    this.создать = function()
+    {
+        this.задано = {};
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (путь[0] != "виды")
+        {
+            return;
+        }
+
+        let имя = путь[1];
+        let свойство = путь.slice(2).join(".");
+        if (!this.задано[имя])
+        {
+            this.задано[имя] = {};
+        }
+        this.задано[имя][свойство] = значение;
+
+        события.уведомить(`виды/${имя}`);
+    };
+
+    // Конструктор.
+    this.создать();
+};

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.создать();
+}

4.1/игра/120.Физика.js

@@ -0,0 +1,28 @@
+function Физика(события)
+{
+    this.создать = function()
+    {
+        this.задано = {};
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (путь[0] != "физика")
+        {
+            return;
+        }
+
+        let имя = путь[1];
+        let свойство = путь.slice(2).join(".");
+        if (!this.задано[имя])
+        {
+            this.задано[имя] = {};
+        }
+        this.задано[имя][свойство] = значение;
+
+        события.уведомить(`физика/${имя}`);
+    };
+
+    // Конструктор.
+    this.создать();
+};

4.1/игра/140.Тела.js

@@ -0,0 +1,149 @@
+function Тела(события, физика, физмир)
+{
+    this.создать = function()
+    {
+        this.умолчание = {
+            пр: [0, 0, 40, 20],
+            части: [],
+            часть: false,
+        };
+
+        this.задано = {};
+        this.тела = {};
+        this.имена = {};
+        события.подписать(this);
+    };
+
+    this.именаЧастей = function(за)
+    {
+        var имена = [];
+        for (var ключ in за)
+        {
+            if (ключ.startsWith("части"))
+            {
+                имена.push(за[ключ]);
+            }
+        }
+        return имена;
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (путь[0] != "тела")
+        {
+            return;
+        }
+
+        var имя = путь[1];
+        var свойство = путь.slice(2).join(".");
+        if (!this.задано[имя])
+        {
+            this.задано[имя] = {};
+        }
+        this.задано[имя][свойство] = значение;
+
+        this.пересоздатьТело(имя);
+    };
+
+    this.обработатьСобытие = function(событие)
+    {
+        let префикс = "физика/";
+        if (событие.startsWith(префикс))
+        {
+            let физ = событие.substring(префикс.length);
+            this.пересоздатьТелаФизики(физ);
+        }
+    };
+
+    this.пересоздатьТелаФизики = function(физ)
+    {
+        for (let имя in this.задано)
+        {
+            let заданнаяФизика = this.задано[имя]["физика"];
+            if (заданнаяФизика && заданнаяФизика == физ)
+            {
+                this.пересоздатьТело(имя);
+            }
+        }
+    };
+
+    this.пересоздатьТело = function(имя)
+    {
+        // Удаляем старое тело.
+        if (имя in this.тела)
+        {
+            var тело = this.тела[имя];
+            delete this.имена[тело.id];
+            // Всегда удаляем из мира: и составные, и несоставные тела.
+            Matter.Composite.remove(физмир, тело);
+        }
+
+        var за = this.задано[имя];
+        var ум = this.умолчание;
+        let пр = this.пр(имя);
+        // Переводим x,y из левого верхнего угла в центр.
+        пр[0] = пр[0] + пр[2] / 2.0;
+        пр[1] = пр[1] + пр[3] / 2.0;
+        // Параметры тела.
+        var параметры = {};
+        if (за.физика)
+        {
+            let заф = физика.задано[за.физика];
+            for (let параметр in заф)
+            {
+                мир.задатьПолныйКлюч(параметры, параметр, заф[параметр]);
+            }
+        }
+
+        var тело = null;
+        // Создаём новое составное тело.
+        if (за["части.0"])
+        {
+            параметры["parts"] = this.телаЧастей(this.именаЧастей(за));
+            тело = Matter.Body.create(параметры);
+        }
+        // Создаём новое несоставное тело.
+        // Вполне может быть частью другого составного тела.
+        else
+        {
+            тело = Matter.Bodies.rectangle(пр[0], пр[1], пр[2], пр[3], параметры);
+        }
+        this.тела[имя] = тело;
+        this.имена[тело.id] = имя;
+
+        // Добавляем тело в физический мир, если оно не является частью другого составного тела.
+        var часть = за.часть ? за.часть : ум.часть;
+        if (!часть)
+        {
+            Matter.Composite.add(физмир, тело);
+        }
+    };
+
+    this.пр = function(имя)
+    {
+        let за = this.задано[имя];
+        let пр = this.умолчание.пр;
+        return [
+            за["пр.0"] ? за["пр.0"] : пр[0],
+            за["пр.1"] ? за["пр.1"] : пр[1],
+            за["пр.2"] ? за["пр.2"] : пр[2],
+            за["пр.3"] ? за["пр.3"] : пр[3],
+        ];
+    };
+
+    this.телаЧастей = function(имена)
+    {
+        var тела = [];
+        for (var н in имена)
+        {
+            var имя = имена[н];
+            var тело = this.тела[имя];
+            тела.push(тело);
+        }
+        return тела;
+    };
+
+    // Конструктор.
+    this.создать();
+}
+

4.1/игра/160.Слежение.js

@@ -0,0 +1,105 @@
+function Слежение(состояние, изображения, тела)
+{
+    this.создать = function()
+    {
+        this.умолчание = {
+            смещение: [0, 0],
+            скорость: 1,
+            предел: 0,
+        };
+        this.задано = {};
+    };
+
+    this.обновить = function()
+    {
+        for (var имя in this.задано)
+        {
+            this.расположитьИзображение(имя);
+        }
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (путь[0] != "слежение")
+        {
+            return;
+        }
+
+        var имя = путь[1];
+        var свойство = путь.slice(2).join(".");
+        if (!this.задано[имя])
+        {
+            this.задано[имя] = {};
+        }
+        this.задано[имя][свойство] = значение;
+    };
+
+    this.расположитьИзображение = function(имя)
+    {
+        let за = this.задано[имя];
+        let тело = тела.тела[за.тело];
+        let элемент = изображения.элементы[за.изображение];
+        if (!тело || !элемент)
+        {
+            return;
+        }
+
+        let ум = this.умолчание;
+
+        // Параметры.
+        var скорость = за.скорость ? за.скорость : ум.скорость;
+        var смещениеX = за["смещение.0"] ? за["смещение.0"] : ум.смещение[0];
+        var смещениеY = за["смещение.1"] ? за["смещение.1"] : ум.смещение[1];
+        var предел = за.предел ? за.предел : ум.предел;
+
+        // Текущая позиция.
+        var x0 = 0;
+        if (элемент.dataset.слежениеX)
+        {
+            x0 = элемент.dataset.слежениеX;
+        }
+        var y0 = 0;
+        if (элемент.dataset.слежениеY)
+        {
+            y0 = элемент.dataset.слежениеY;
+        }
+
+        // Целевая позиция.
+        var x1 = тело.position.x + смещениеX;
+        var y1 = тело.position.y + смещениеY;
+        // Radians -> Degrees.
+        var угол = тело.angle * 180 / Math.PI;
+
+        // Устанавливаемая плавно позиция.
+        var x = this.lerp(x0, x1, скорость, предел);
+        var y = this.lerp(y0, y1, скорость, предел);
+
+        элемент.dataset.слежениеX = x;
+        элемент.dataset.слежениеY = y;
+
+        var описание = {
+            пр: [x, y],
+            угол: угол,
+        };
+        состояние.разобрать({
+            изображения: {
+                [за.изображение]: описание,
+            },
+        });
+    };
+
+    this.lerp = function(v0, v1, t, предел) {
+        // Убираем мельтешение в случае наличия предела.
+        if (предел)
+        {
+            var delta = Math.abs(v0 - v1);
+            if (delta < предел) {
+                return v0;
+            }
+        }
+        return v0 * (1 - t) + v1 * t;
+    };
+
+    // Конструктор.
+    this.создать();
+};

4.1/игра/180.Объекты.js

@@ -0,0 +1,109 @@
+function Объекты(состояние)
+{
+    this.создать = function()
+    {
+        this.умолчание = {
+            пр: [0, 0, 40, 20],
+        };
+        this.задано = {};
+    };
+
+    this.обновитьИзображение = function(имя, пр, вид)
+    {
+        состояние.разобрать({
+            изображения: {
+                [имя]: {
+                    пр: пр,
+                    вид: вид,
+                },
+            },
+        });
+    };
+
+    this.обновитьПозициюРазмер = function(имя, пр)
+    {
+        состояние.разобрать({
+            тела: {
+                [имя]: {
+                    пр: пр,
+                },
+            },
+        });
+    };
+
+    this.обновитьСлежение = function(имя, пр)
+    {
+        состояние.разобрать({
+            слежение: {
+                [имя]: {
+                    изображение: имя,
+                    тело: имя,
+                    смещение: [-пр[2] / 2, -пр[3] / 2],
+                },
+            },
+        });
+    };
+
+    this.обновитьФизику = function(имя, значение)
+    {
+        состояние.разобрать({
+            тела: {
+                [имя]: {
+                    физика: значение,
+                },
+            },
+        });
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (путь[0] != "объекты")
+        {
+            return;
+        }
+
+        let имя = путь[1];
+        let свойство = путь.slice(2).join(".");
+        if (!this.задано[имя])
+        {
+            this.задано[имя] = {};
+        }
+        this.задано[имя][свойство] = значение;
+
+        let производноеИмя = `объекты-${имя}`;
+
+        if (свойство.startsWith("пр."))
+        {
+            let пр = this.пр(имя);
+            this.обновитьПозициюРазмер(производноеИмя, пр);
+            this.обновитьСлежение(производноеИмя, пр);
+            let вид = this.задано[имя]["вид"];
+            this.обновитьИзображение(производноеИмя, пр, вид);
+        }
+        else if (свойство == "физика")
+        {
+            this.обновитьФизику(производноеИмя, значение);
+        }
+        else if (свойство == "вид")
+        {
+            let пр = this.пр(имя);
+            let вид = this.задано[имя]["вид"];
+            this.обновитьИзображение(производноеИмя, пр, вид);
+        }
+    };
+
+    this.пр = function(имя)
+    {
+        let за = this.задано[имя];
+        let пр = this.умолчание.пр;
+        return [
+            за["пр.0"] ? за["пр.0"] : пр[0],
+            за["пр.1"] ? за["пр.1"] : пр[1],
+            за["пр.2"] ? за["пр.2"] : пр[2],
+            за["пр.3"] ? за["пр.3"] : пр[3],
+        ];
+    };
+
+    // Конструктор.
+    this.создать();
+};

4.1/игра/200.Сцена.js

@@ -0,0 +1,51 @@
+function Сцена(события)
+{
+    this.создать = function()
+    {
+        this.умолчание = {
+            скорость: [1, 1],
+        };
+        this.задано = {};
+        события.подписать(this);
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (путь[0] != "сцена")
+        {
+            return;
+        }
+
+        var свойство = путь.slice(1).join(".");
+        this.задано[свойство] = значение;
+    };
+    
+    this.обработатьНажатиеМышиУказатьИНажать = function(x, y, указатель)
+    {
+        var тип = this.задано["тип"];
+        var игрок = this.задано["игрок"];
+        var цель = this.задано["цель"];
+        if (!тип || !игрок || !цель || тип != "указать и нажать")
+        {
+            return;
+        }
+
+/**/console.debug("ИГР Сцена.обработатьНМУИН задать цель и начать движение");
+    };
+
+    this.обработатьСобытие = function(событие)
+    {
+        let префикс = "мышь/нажатие/";
+        if (событие.startsWith(префикс))
+        {
+            let значения = событие.substring(префикс.length).split("/");
+            let x = Number(значения[0]);
+            let y = Number(значения[1]);
+            let указатель = значения[2];
+            this.обработатьНажатиеМышиУказатьИНажать(x, y, указатель);
+        }
+    };
+
+    // Конструктор.
+    this.создать();
+};

4.1/игра/220.Мышь.js

@@ -0,0 +1,13 @@
+function Мышь(события)
+{
+    this.создать = function()
+    {
+        window.addEventListener("click", function(o) {
+            события.уведомить(`мышь/нажатие/${o.clientX}/${o.clientY}/${o.target.id}`);
+        });
+    };
+
+    // Конструктор.
+    this.создать();
+};
+

4.1/игра/700.Игра.js

@@ -0,0 +1,79 @@
+function Игра()
+{
+    this.создать = function()
+    {
+        мир.физдвижок = Matter.Engine.create({
+            enableSleeping: true,
+            gravity: {
+                y: 2,
+            },
+        });
+        var корень = document.getElementById("корень");
+        мир.события = new События();
+        мир.состояние = new Состояние();
+        мир.состояние.обработчик = (к, п, з) => { this.обработатьКлюч(к, п, з) };
+        мир.виды = new Виды(мир.события);
+        мир.изображения = new Изображения(мир.события, мир.виды, корень),
+        мир.физика = new Физика(мир.события);
+        мир.тела = new Тела(мир.события, мир.физика, мир.физдвижок.world);
+        мир.слежение = new Слежение(мир.состояние, мир.изображения, мир.тела);
+        мир.объекты = new Объекты(мир.состояние);
+        мир.сцена = new Сцена(мир.события);
+        мир.мышь = new Мышь(мир.события);
+        this.ключники = [
+            new Заголовок(),
+            мир.виды,
+            мир.изображения,
+            мир.физика,
+            мир.тела,
+            мир.слежение,
+            мир.объекты,
+            мир.сцена,
+        ];
+
+        var z64 = мир.параметрыЗапуска()["z64"];
+        this.исполнитьКод(z64);
+        this.отслеживатьОбновленияКода();
+        this.обновить();
+    };
+
+    this.исполнитьКод = function(z64)
+    {
+        if (z64)
+        {
+            var код = мир.изZ64(z64);
+            eval(код);
+        }
+    };
+
+    this.обновить = function()
+    {
+        Matter.Engine.update(мир.физдвижок);
+        мир.слежение.обновить();
+
+        var тут = this;
+        requestAnimationFrame(function() {
+            тут.обновить();
+        });
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        for (var номер in this.ключники)
+        {
+            var ключник = this.ключники[номер];
+            ключник.обработатьКлюч(ключ, путь, значение);
+        }
+    };
+
+    this.отслеживатьОбновленияКода = function()
+    {
+        var тут = this;
+        window.addEventListener("message", function(событие) {
+            тут.исполнитьКод(событие.data);
+        });
+    };
+
+    // Конструктор.
+    this.создать();
+}

4.1/игра/matter-js

@@ -0,0 +1 @@
+../../стороннее/matter-js