Изменения от Главреда ГитЖС | Changes of GitJS Glavred

0000

@@ -4,6 +4,8 @@ https://git.opengamestudio.org/KH/MAOH
 
 /загрузка|loading.css
 /загрузка|loading.html
-x /пуск|run.js
-/пуск|run.череда
+x /загрузка|loading.js
+/загрузка|loading.череда
+/окончание|completion.js
+/окончание|completion.череда
 /📦

загрузка|loading.css

@@ -16,28 +16,33 @@
     bottom: 0;
 }
 
-.анимированное-название-маджонга
+/* https://loading.io/css/ */
+.lds-dual-ring
 {
-    animation: кадрыАнимацииНазванияМаджонга 2s infinite;
+  display: inline-block;
+  width: 80px;
+  height: 80px;
 }
-
-@keyframes кадрыАнимацииНазванияМаджонга {
-  0% {
-      text-shadow: 0 0 0 white;
-  }
-  30% {
-      text-shadow: 0 0 1em black;
-  }
-  45% {
-      text-shadow: 0 0 0 white;
-  }
-  60% {
-      text-shadow: 0 0 1em black;
-  }
-  70% {
-      text-shadow: 0 0 0 white;
+.lds-dual-ring:after
+{
+  content: " ";
+  display: block;
+  width: 64px;
+  height: 64px;
+  margin: 8px;
+  border-radius: 50%;
+  border: 3px solid black;
+  border-color: black transparent black transparent;
+  animation: lds-dual-ring 1.2s linear infinite;
+}
+@keyframes lds-dual-ring
+{
+  0%
+  {
+    transform: rotate(0deg);
   }
-  100% {
-      text-shadow: 0 0 0 white;
+  100%
+  {
+    transform: rotate(360deg);
   }
 }

загрузка|loading.html

@@ -1,9 +1,8 @@
-<div class="фон-экрана">
+<div id="экран-загрузки" class="фон-экрана">
     <center class="центрирование-на-экране">
-        <span>Маджонг</span> ⚬ <span class="uk-text-bold">麻将</span> ⚬ <span>Mahjong</span>
-        <h1 class="uk-heading-line uk-text-center">
-            <span class="анимированное-название-маджонга">МАОН</span>
-        </h1>
+        <span>Маджонг</span> ⚬ <span>麻将</span> ⚬ <span>Mahjong</span>
+        <h1>🀄 МАОН</h1>
         <p>${версия}</p>
+        <div class="lds-dual-ring"></div>
     </center>
 </div>

загрузка|loading.js

@@ -0,0 +1,77 @@
+const ИМЯ = "МАОН";
+
+
+// // // //
+
+
+ОкончитьЗагрузкуМаджонга = мир =>
+{
+    мир.уведомить("надо окончить загрузку маджонга");
+};
+
+
+// // // //
+
+
+ЗагрузитьЧередуОкончания = мир =>
+{
+    var м = мир.модули.модульПоИмени(ИМЯ);
+    var содержимое = м.содержимое["/окончание|completion.js"];
+    eval(содержимое);
+    м.исполнитьЧереду(мир, "/окончание|completion.череда");
+};
+
+
+// // // //
+
+
+ЗагрузитьБиблиотекиМаджонга = мир =>
+{
+    var указатели = [];
+    var м = мир.модули.модульПоИмени(ИМЯ);
+    var содержимое = м.содержимое["/📦"];
+    var строки = содержимое.split(/\n/);
+    for (var номер in строки)
+    {
+        var строка = строки[номер];
+        if (!строка.startsWith("#") && строка.length)
+        {
+            указатели.push(строка);
+        }
+    }
+    
+    var сообщение = "Загрузка библиотек ⚬ 加载库 ⚬ Loading libraries";
+    console.debug(сообщение, указатели);
+
+    мир.модули.использовали.подписатьРаз(function() {
+        мир.уведомить("ручной пуск");
+        мир.уведомить("загрузили библиотеки маджонга");
+    });
+    мир.модули.использовать(указатели);
+};
+
+
+// // // //
+
+
+ЗадатьЗаголовок = мир =>
+{
+    document.title = "🀄 МАОН";
+};
+
+
+// // // //
+
+
+ОтобразитьСтраницуЗагрузкиМаджонга = мир =>
+{
+    var м = мир.модули.модульПоИмени(ИМЯ);
+
+    var структура = м.содержимое["/загрузка|loading.html"]
+            .replace(/\${версия}/g, м.версия);
+    document.body.innerHTML = структура;
+    
+    var вид = document.createElement("style");
+    document.head.appendChild(вид);
+    вид.innerHTML = м.содержимое["/загрузка|loading.css"];
+};

загрузка|loading.череда

@@ -0,0 +1,7 @@
+пуск
+    отобразить страницу загрузки маджонга
+    задать заголовок
+    загрузить библиотеки маджонга
+загрузили библиотеки маджонга
+    загрузить череду окончания
+    окончить загрузку маджонга

окончание|completion.js

@@ -0,0 +1,22 @@
+
+console.debug("Исполнение окончания.js");
+
+// // // //
+
+ПлавноУбратьСтраницуЗагрузкиМаджонга = мир =>
+{
+    var страница = $("#экран-загрузки");
+    function окончание() {
+        страница.remove();
+        console.log("Удалили");
+        мир.плавноЗагрузку = null;
+    };
+    var настройки = {
+        "прозрачность": 1,
+        "отклик": {
+            "скрытие": окончание,
+        },
+    };
+    мир.плавноЗагрузку = new ПлавноОтобразитьСкрыть(страница.get(0), настройки);
+    мир.плавноЗагрузку.скрыть();
+};

окончание|completion.череда

@@ -0,0 +1,2 @@
+надо окончить загрузку маджонга
+    плавно убрать страницу загрузки маджонга

пуск|run.js

@@ -1,18 +0,0 @@
-const ИМЯ = "МАОН";
-
-
-// // // //
-
-
-ОтобразитьАнимациюЗагрузкиМаджонга = мир =>
-{
-    var м = мир.модули.модульПоИмени(ИМЯ);
-
-    var структура = м.содержимое["/загрузка|loading.html"]
-            .replace(/\${версия}/g, м.версия);
-    document.body.innerHTML = структура;
-    
-    var вид = document.createElement("style");
-    document.head.appendChild(вид);
-    вид.innerHTML = м.содержимое["/загрузка|loading.css"];
-};

пуск|run.череда

@@ -1,2 +0,0 @@
-пуск
-    отобразить анимацию загрузки маджонга

📦

@@ -4,4 +4,5 @@
 https://bitbucket.org/gitjs/jquery/raw/3.5.1/0000
 https://bitbucket.org/gitjs/uikit/raw/3.2.0/0000
 https://git.opengamestudio.org/mahjong/base64/raw/branch/master/0000
-https://git.opengamestudio.org/mahjong/mahjong-raskladka-layout/raw/branch/master/0000
+https://git.opengamestudio.org/mahjong/mahjong-raskladka-layout/raw/branch/master/0000
+https://git.opengamestudio.org/mahjong/povtorniy-repeating-ui/raw/branch/master/0000