начали 3.3

3.3/проигрыватель/050.Заголовок.js

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

3.3/проигрыватель/100.Изображения.js

@@ -0,0 +1,104 @@
+function Изображения(корень)
+{
+    this.создать = function()
+    {
+        this.умолчание = {
+            x: 0,
+            y: 0,
+            ширина: 100,
+            высота: 100,
+            угол: 0,
+        };
+        this.задано = {};
+        this.элементы = {};
+    };
+
+    this.создатьИлиПолучитьЭлемент = function(имя)
+    {
+        var эл = this.элементы[имя];
+        if (эл)
+        {
+            return эл;
+        }
+
+        var ум = this.умолчание;
+        эл = document.createElement("div");
+        эл.id = `изображения-${имя}`;
+        эл.style.position = "absolute";
+        эл.style.display = "block";
+        // Свойства по умолчанию.
+        эл.style.left = `${ум.x}px`;
+        эл.style.top = `${ум.y}px`;
+        эл.style.width = `${ум.ширина}px`;
+        эл.style.height = `${ум.высота}px`;
+        эл.style.transform = `rotate(${ум.угол}rad)`;
+
+        this.элементы[имя] = эл;
+        корень.appendChild(эл);
+        return эл;
+    };
+
+    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 угол = за.угол ? за.угол : ум.угол;
+            this.обновитьРасположение(имя, x, y, угол);
+        }
+        else if (свойство.startsWith("вид"))
+        {
+            var параметр = свойство.substring(4);
+            эл.style.setProperty(параметр, значение);
+        }
+    };
+
+    this.обновитьРасположение = function(имя, x, y, угол)
+    {
+        var за = this.задано[имя];
+        var эл = this.элементы[имя];
+        эл.style.left = `${x}px`;
+        эл.style.top = `${y}px`;
+        var transform = `rotate(${угол}deg) `;
+        if (за["вид.transform"])
+        {
+            transform += за["вид.transform"];
+        }
+        эл.style.transform = transform;
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        if (путь[0] == "изображения")
+        {
+            var имя = путь[1];
+            var свойство = путь.slice(2).join(".");
+            this.обновитьЭлемент(имя, свойство, значение);
+        }
+    };
+
+    // Конструктор.
+    this.создать();
+}

3.3/проигрыватель/120.Физика.js

@@ -0,0 +1,19 @@
+function Физика()
+{
+    this.создать = function()
+    {
+        this.движок = Matter.Engine.create({
+            enableSleeping: true,
+            gravity: {
+                y: 2,
+            },
+        });
+    };
+
+    this.обновить = function() {
+        Matter.Engine.update(this.движок);
+    };
+
+    // Конструктор.
+    this.создать();
+}

3.3/проигрыватель/700.Игра.js

@@ -0,0 +1,59 @@
+function Игра()
+{
+    this.создать = function()
+    {
+        var корень = document.getElementById("корень");
+        мир.события = new События();
+        мир.состояние = new Состояние();
+        мир.состояние.обработчик = (к, п, з) => { this.обработатьКлюч(к, п, з) };
+        this.ключники = [
+            new Заголовок(),
+            new Изображения(корень),
+        ];
+        мир.физика = new Физика();
+
+        var z64 = мир.параметрыЗапуска()["z64"];
+        this.исполнитьКод(z64);
+        this.отслеживатьОбновленияКода();
+        this.обновить();
+    };
+
+    this.исполнитьКод = function(z64)
+    {
+        if (z64)
+        {
+            var код = мир.изZ64(z64);
+            eval(код);
+        }
+    };
+
+    this.обновить = function()
+    {
+        мир.физика.обновить();
+
+        var тут = this;
+        requestAnimationFrame(function() {
+            тут.обновить();
+        });
+    };
+
+    this.обработатьКлюч = function(ключ, путь, значение)
+    {
+        for (var номер in this.ключники)
+        {
+            var ключник = this.ключники[номер];
+            ключник.обработатьКлюч(ключ, путь, значение);
+        }
+    };
+
+    this.отслеживатьОбновленияКода = function()
+    {
+        var тут = this;
+        window.addEventListener("message", function(событие) {
+            тут.исполнитьКод(событие.data);
+        });
+    };
+
+    // Конструктор.
+    this.создать();
+}

3.3/проигрыватель/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <script src="../общее/base64-js/base64js.min.js"></script>
+        <script src="../общее/pako/pako.min.js"></script>
+        <script src="matter-js/matter.min.js"></script>
+        <style>
+            #корень
+            {
+                position: relative;
+            }
+        </style>
+    </head>
+    <body>
+        <div id="заставка"></div>
+        <div id="корень"></div>
+        <div id="отладка"></div>
+
+        <script src="../общее/100.События.js"></script>
+        <script src="../общее/150.Состояние.js"></script>
+        <script src="../общее/200.функции.js"></script>
+        <script src="050.Заголовок.js"></script>
+        <script src="100.Изображения.js"></script>
+        <script src="120.Физика.js"></script>
+        <script src="700.Игра.js"></script>
+        <script>
+            var игра = new Игра();
+        </script>
+    </body>
+</html>

3.3/проигрыватель/matter-js

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