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

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

@@ -1,5 +1,4 @@
 const ИМЯ_МОДУЛЯ_РЕСУРСОВ = "Ресурсы Маджонга | Mahjong resources";
-const ИМЯ_ОТЛ_РАСКЛАДКИ = "Отладочные раскладки Маджонга | Mahjong debug layouts";
 
 // // // //
 
@@ -13,21 +12,11 @@ const ИМЯ_ОТЛ_РАСКЛАДКИ = "Отладочные раскладк
 // // // //
 
 
-ЗадатьОтладочнуюТемуФишекДляЗагрузки = мир =>
+ЗагрузитьВыбраннуюРаскладку = мир =>
 {
-    мир.темаФишек = "отладочная|debug";
-};
-
-
-// // // //
-
-
-ЗагрузитьОтладочнуюРаскладку = мир =>
-{
-    var модуль = мир.модули.модульПоИмени(ИМЯ_ОТЛ_РАСКЛАДКИ);
-    //var ресурс = "/успех|success.layout";
-    var ресурс = "/провал|failure.layout";
-    var содержимое = модуль.содержимое[ресурс];
+    var детали = мир.реестрРаскладок[мир.выбраннаяРаскладка];
+    var модуль = мир.модули.модульПоИмени(детали["🗿"]);
+    var содержимое = модуль.содержимое[детали["📁"]];
     мир.раскладкаKMahjongg = {
         "содержимое": содержимое,
     };

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

@@ -1,10 +1,6 @@
 надо загрузить ресурсы сцены
     загрузить фишку
 загрузили фишку
-    загрузить отладочную раскладку
-    разобрать раскладку KMahjongg
-разобрали раскладку KMahjongg
-    задать отладочную тему фишек для загрузки
     загрузить тему фишек маджонга
 загрузили тему фишек маджонга
     уведомить о загрузке ресурсов сцены

пуск|run.js

@@ -3,6 +3,75 @@
 // // // //
 
 
+ВыбратьТемуФишекОтладочную = мир =>
+{
+    мир.выбраннаяТема = "отладочная|debug";
+    //мир.уведомить("выбрали тему");
+};
+
+
+// // // //
+
+
+ВыбратьРаскладкуX = мир =>
+{
+    мир.выбраннаяРаскладка = "X_shaped";
+    мир.уведомить("выбрали раскладку");
+};
+
+
+// // // //
+
+
+ИзменитьРазмерОтрисовщикаThreeJS = мир =>
+{
+    var ширина = window.innerWidth * мир.масштаб;
+    var высота = window.innerHeight * мир.масштаб;
+    мир.камера.aspect = ширина / высота;
+    мир.камера.updateProjectionMatrix();
+    мир.отрисовщик.setSize(ширина, высота);
+    
+    var размер = мир.масштаб * 100;
+    мир.канва.style = `
+max-width: ${размер}%;
+max-height: ${размер}%;
+width: ${размер}%;
+height: ${размер}%;
+    `;
+};
+
+
+// // // //
+
+
+ЗадатьОтладочныйМасштаб = мир =>
+{
+    мир.масштаб = 3;
+    мир.уведомить("изменили масштаб");
+};
+
+
+// // // //
+
+
+ВключитьОтслеживаниеНажатий = мир =>
+{
+    мир.отслеживатьНажатия = true;
+};
+
+
+// // // //
+
+
+ОтключитьОтслеживаниеНажатий = мир =>
+{
+    мир.отслеживатьНажатия = false;
+};
+
+
+// // // //
+
+
 ИсправитьОтслеживаниеНажатийНаIOS = мир =>
 {
     // https://stackoverflow.com/a/31459240/3404710
@@ -13,35 +82,22 @@
 // // // //
 
 
-ОтслеживатьНажатияПальцем = мир =>
+ПодготовитьсяКОтслеживаниюНажатий = мир =>
 {
+    мир.отслеживатьНажатия = false;
+
+    // Палец.
     window.addEventListener(
         "touchstart",
         function(событие) {
-            var позиция = new THREE.Vector2();
-            позиция.x = (событие.touches[0].clientX / window.innerWidth) * 2 - 1;
-            позиция.y = - (событие.touches[0].clientY / window.innerHeight) * 2 + 1;
-            мир.позицияНажатия = позиция;
-            мир.уведомить("нажали");
+            сообщитьОНажатии(мир, событие.touches[0]);
         }
     );
-
-};
-
-
-// // // //
-
-
-ОтслеживатьНажатияМышью = мир =>
-{
+    // Мышь.
     window.addEventListener(
         "click",
         function(событие) {
-            var позиция = new THREE.Vector2();
-            позиция.x = (событие.clientX / window.innerWidth) * 2 - 1;
-            позиция.y = - (событие.clientY / window.innerHeight) * 2 + 1;
-            мир.позицияНажатия = позиция;
-            мир.уведомить("нажали");
+            сообщитьОНажатии(мир, событие);
         }
     );
 };
@@ -88,9 +144,9 @@
 // // // //
 
 
-СоздатьФишкиВСцене = мир =>
+РазобратьРаскладкуKMahjongg = мир =>
 {
-    мир.уведомить("надо создать фишки в сцене");
+    мир.раскладкаKMahjongg.позиции = разобратьРаскладкуKMahjongg(мир.раскладкаKMahjongg.содержимое);
 };
 
 
@@ -109,7 +165,7 @@
 ПодготовитьСцену = мир =>
 {
     var коэффициент = 2;
-    var расстояние = 6;
+    var расстояние = 14;
     мир.камера.position.y = расстояние * коэффициент;
     мир.камера.position.z = расстояние;
     мир.камера.lookAt(new THREE.Vector3(0, 0, 0));
@@ -117,9 +173,6 @@
     мир.свет = new THREE.DirectionalLight(0xffffff, 1);
     мир.свет.position.set(-0.5, 1, 0.5).normalize();
     мир.сцена.add(мир.свет);
-    
-    мир.корень = new THREE.Group();
-    мир.сцена.add(мир.корень);
 };
 
 
@@ -140,3 +193,51 @@
     мир.загрузчикGLTF = new THREE.GLTFLoader();
 };
 
+
+// // // //
+
+
+НастроитьThreeJS = мир =>
+{
+    мир.сцена = new THREE.Scene();
+    мир.сцена.background = new THREE.Color(0xFFFFFF);
+    мир.камера = new THREE.PerspectiveCamera(45, 1, 0.1, 1000);
+    мир.ловецНажатий = new THREE.Raycaster();
+    мир.отрисовщик = new THREE.WebGLRenderer({canvas: мир.канва, antialias: true});
+};
+
+
+// // // //
+
+
+СоздатьКанвуThreeJS = мир =>
+{
+    мир.канва = document.createElement("canvas");
+    мир.канва.id = "канва-threejs";
+    мир.канва.style = `
+position: absolute;
+left: 0;
+top: 0;
+width: 100%;
+height: 100%;
+    `;
+    var первый = document.body.firstChild;
+    if (первый)
+    {
+        document.body.insertBefore(мир.канва, первый);
+    }
+    else
+    {
+        document.body.appendChild(мир.канва);
+    }
+};
+
+
+// // // //
+
+
+СоздатьМасштаб = мир =>
+{
+    мир.масштаб = 1;
+};
+

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

@@ -1,20 +1,29 @@
 пуск модулей маджонга
+    создать масштаб
+    создать канву ThreeJS
     настроить ThreeJS
-    встроить отрисовщика ThreeJS 
     отслеживать изменение размера окна браузера
     изменить размер отрисовщика ThreeJS
     создать загрузчик GLTF
     создать загрузчик текстур
     подготовить сцену
-    загрузить ресурсы сцены
-загрузили ресурсы сцены
-    создать фишки в сцене
-создали фишки в сцене
-    центрировать сцену
-    отслеживать нажатия мышью
-    отслеживать нажатия пальцем
+    подготовиться к отслеживанию нажатий
     исправить отслеживание нажатий на IOS
     запустить отрисовку
+    выбрать тему фишек отладочную
+    загрузить ресурсы сцены
+загрузили ресурсы сцены
+    выбрать раскладку X
+    подготовиться к созданию фишек в сцене
+    включить отслеживание нажатий
 
 изменили размер окна браузера
-    изменить размер отрисовщика ThreeJS
+    изменить размер отрисовщика ThreeJS
+изменили масштаб
+    изменить размер отрисовщика ThreeJS
+    
+выбрали раскладку
+    загрузить выбранную раскладку
+    разобрать раскладку KMahjongg
+    создать фишки в сцене
+    центрировать сцену

фишки|tiles.js

@@ -3,6 +3,132 @@
 // // // //
 
 
+ВывестиКоординатыНажатия = мир =>
+{
+    console.debug("Координаты нажатия:", мир.позицияНажатия.x, мир.позицияНажатия.y);
+};
+
+
+// // // //
+
+
+УведомитьОПоражении = мир =>
+{
+    мир.уведомить("поражение");
+};
+
+
+// // // //
+
+
+УведомитьОПобеде = мир =>
+{
+    мир.уведомить("победа");
+};
+
+
+// // // //
+
+
+ВывестиПобеду = мир =>
+{
+    console.debug("ПОБЕДА");
+};
+
+
+// // // //
+
+
+ВывестиПоражение = мир =>
+{
+    console.debug("ПОРАЖЕНИЕ");
+};
+
+
+// // // //
+
+
+ПроверитьНаличиеФишекНаИгровомПоле = мир =>
+{
+    if (Object.keys(мир.индексыФишек).length > 0)
+    {
+        мир.уведомить("фишки на игровом поле присутствуют");
+    }
+    else {
+        мир.уведомить("фишки на игровом поле отсутствуют");
+    }
+};
+
+
+// // // //
+
+
+ВывестиПрисутствиеХодов = мир =>
+{
+    console.debug("ходы есть");
+};
+
+
+// // // //
+
+
+ВывестиОтсутствиеХодов = мир =>
+{
+    console.debug("ходов нет");
+};
+
+
+// // // //
+
+
+ПроверитьНаличиеХодов = мир =>
+{
+    var номера = мир.доступныеДляВыбораНомераФишек;
+    for (var н0 in номера)
+    {
+        for (var н1 in номера)
+        {
+            // Пропускаем одну и ту же фишку.
+            if (н0 == н1)
+            {
+                continue;
+            }
+            var номер0 = номера[н0];
+            var номер1 = номера[н1];
+            var группа0 = мир.группыФишек[номер0];
+            var группа1 = мир.группыФишек[номер1];
+            if (группа0 == группа1)
+            {
+                мир.уведомить("ходы присутствуют");
+                return;
+            }
+        }
+    }
+    
+    мир.уведомить("ходы отсутствуют");
+};
+
+
+// // // //
+
+
+СобратьДоступныеДляВыбораНомераФишек = мир =>
+{
+    мир.доступныеДляВыбораНомераФишек = [];
+    for (индекс in мир.индексыФишек)
+    {
+        if (фишкуМожноВыбрать(мир.индексыФишек, индекс))
+        {
+            var номер = мир.индексыФишек[индекс];
+            мир.доступныеДляВыбораНомераФишек.push(номер);
+        }
+    }
+};
+
+
+// // // //
+
+
 ЗапуститьПлавноеСкрытиеФишек = мир =>
 {
     var шаг = 10;
@@ -11,7 +137,6 @@
     var дельтаПрозрачности = шаг / длительность;
     const анимация = setInterval(
         function() {
-            const позиции = мир.раскладкаKMahjongg.позиции;
             прозрачность -= дельтаПрозрачности;
             // Возвращаем прозрачность материалам перед последующим скрытием фишек.
             // И планируем выход из этой анимации.
@@ -214,25 +339,6 @@
 
 ОкраситьНайденнуюФишку = мир =>
 {
-    /*
-    // Очищаем цвета всех фишек.
-    for (var номер in мир.фишки)
-    {
-        var фишка = мир.фишки[номер];
-        var группа = мир.группыФишек[номер];
-        var материал = мир.материалыФишек[группа];
-        фишка.material = материал;
-    }
-    // Окрашиваем выбранные фишки.
-    for (var id in мир.номераВыбранныхФишек)
-    {
-        var номер = мир.номераВыбранныхФишек[id];
-        var фишка = мир.фишки[номер];
-        var группа = мир.группыФишек[номер];
-        var материал = мир.материалыВыбранныхФишек[группа];
-        фишка.material = материал;
-    }
-    */
     var номер = мир.номерНайденнойФишки;
     var фишка = мир.фишки[номер];
     var группа = мир.группыФишек[номер];
@@ -251,6 +357,7 @@
     console.debug(`ВЫБРАЛИ фишку. номер: '${номер}' группа: '${группа}'`);
 };
 
+
 // // // //
 
 
@@ -266,60 +373,23 @@
 
 ПроверитьДоступностьФишкиДляВыбора = мир =>
 {
-    // Проверяем заблокированность фишки одновременно с обеих сторон.
-    var позиция = мир.раскладкаKMahjongg.позиции[мир.номерНайденнойФишки];
-    var слева = уФишкиЕстьСоседи(мир.индексыФишек, позиция, 0, -2);
-    var справа = уФишкиЕстьСоседи(мир.индексыФишек, позиция, 0, 2);
-    if (слева && справа)
+    // Удостоверимся, что это не одна и та же фишка, выбранная дважды.
+    if (мир.номераВыбранныхФишек.length)
     {
-        return;
-    }
-
-    // Проверяем заблокированность сверху.
-    for (var смещениеСтолбца = -1; смещениеСтолбца < 2; ++смещениеСтолбца)
-    {
-        if (уФишкиЕстьСоседи(мир.индексыФишек, позиция, 1, смещениеСтолбца))
+        var номер = мир.номераВыбранныхФишек[0];
+        if (номер == мир.номерНайденнойФишки)
         {
             return;
         }
     }
-    
-    мир.уведомить("фишка доступна для выбора");
-};
 
-
-// // // //
-
-
-УведомитьОСозданииФишекВСцене = мир =>
-{
-    мир.уведомить("создали фишки в сцене");
-};
-
-
-// // // //
-
-
-ПодготовитьФишкиКВыбору = мир =>
-{
-    мир.номераВыбранныхФишек = [];
-};
-
-
-// // // //
-
-
-СоздатьИндексыФишек = мир =>
-{
-    мир.индексыФишек = {};
-    const позиции = мир.раскладкаKMahjongg.позиции;
-    for (var номер in позиции)
+    // Проверяем доступность с точки зрения правил Маджонга.
+    var позиция = мир.раскладкаKMahjongg.позиции[мир.номерНайденнойФишки];
+    var индекс = индексПозицииФишки(позиция);
+    if (фишкуМожноВыбрать(мир.индексыФишек, индекс))
     {
-        var позиция = позиции[номер];
-        var фишка = мир.фишки[номер];
-        var индекс = индексПозицииФишки(позиция);
-        мир.индексыФишек[индекс] = фишка;
-    };
+        мир.уведомить("фишка доступна для выбора");
+    }
 };
 
 
@@ -351,31 +421,31 @@
             мир.уведомить("нашли фишку в координатах нажатия");
         }
     }
-    
 };
 
 
 // // // //
 
 
-СоздатьМатериалыВыбранныхФишекОтладочнойТемы = мир =>
+ПодготовитьФишкиКВыбору = мир =>
 {
-    мир.материалыВыбранныхФишек = [];
-    for (var номер in мир.материалыФишек)
+    мир.номераВыбранныхФишек = [];
+};
+
+
+// // // //
+
+
+СоздатьИндексыФишек = мир =>
+{
+    мир.индексыФишек = {};
+    const позиции = мир.раскладкаKMahjongg.позиции;
+    for (var номер in позиции)
     {
-        var материал = мир.материалыФишек[номер].clone();
-        материал.color = new THREE.Color(0xff0000);
-        мир.материалыВыбранныхФишек.push(материал);
-    }
-};
-
-
-// // // //
-
-
-ПодготовитьПоискФишек = мир =>
-{
-    мир.номераНайденныхФишек = [];
+        var позиция = позиции[номер];
+        var индекс = индексПозицииФишки(позиция);
+        мир.индексыФишек[индекс] = номер;
+    };
 };
 
 
@@ -428,7 +498,11 @@
     var размеры = [
         (границы.max.x - границы.min.x) / 2,
         (границы.max.z - границы.min.z) / 2,
-        границы.max.y - границы.min.y,
+        //границы.max.y - границы.min.y,
+    ];
+    var отступы = [
+        0.02,
+        0.02,
     ];
     
     const позиции = мир.раскладкаKMahjongg.позиции;
@@ -444,8 +518,8 @@
         var слой = позиция[0];
         var ряд = позиция[1];
         var столбец = позиция[2];
-        фишка.position.x = столбец * размеры[0];
-        фишка.position.z = ряд * размеры[1];
+        фишка.position.x = столбец * (размеры[0] + отступы[0]);
+        фишка.position.z = ряд * (размеры[1] + отступы[1]);
         фишка.position.y = слой;
     }
 };
@@ -454,14 +528,61 @@
 // // // //
 
 
+ПодготовитьКореньФишек = мир =>
+{
+    if (мир.корень && мир.сцена.children.includes(мир.корень))
+    {
+        мир.сцена.remove(мир.корень);
+    }
+    мир.корень = new THREE.Group();
+    мир.сцена.add(мир.корень);
+};
+
+
+// // // //
+
+
+СоздатьМатериалыВыбранныхФишекОтладочнойТемы = мир =>
+{
+    мир.материалыВыбранныхФишек = [];
+    for (var номер in мир.материалыФишек)
+    {
+        var материал = мир.материалыФишек[номер].clone();
+        материал.color = new THREE.Color(0xff0000);
+        мир.материалыВыбранныхФишек.push(материал);
+    }
+};
+
+
+// // // //
+
+
 СоздатьМатериалыФишекОтладочнойТемы = мир =>
 {
     мир.материалыФишек = [];
-    var тема = "отладочная|debug";
     for (var номер = 1; номер <= 42; ++номер)
     {
-        var текстура = мир.текстурыТемФишек[тема][номер];
+        var текстура = мир.текстурыТемФишек[мир.выбраннаяТема][номер];
         var материал = new THREE.MeshLambertMaterial({map: текстура});
         мир.материалыФишек.push(материал);
     }
-};
+};
+
+
+// // // //
+
+
+СоздатьФишкиВСцене = мир =>
+{
+    мир.уведомить("надо создать фишки в сцене");
+};
+
+
+// // // //
+
+
+ПодготовитьсяКСозданиюФишекВСцене = мир =>
+{
+    мир.уведомить("надо подготовиться к созданию фишек в сцене");
+};
+

фишки|tiles.череда

@@ -1,17 +1,20 @@
-надо создать фишки в сцене
+надо подготовиться к созданию фишек в сцене
     создать материалы фишек отладочной темы
+    создать материалы выбранных фишек отладочной темы
+
+надо создать фишки в сцене
+    подготовить корень фишек
     создать узлы фишек
     создать группы фишек
     задать материалы фишкам по группам
-    создать материалы выбранных фишек отладочной темы
     создать индексы фишек
     подготовить фишки к выбору
-    уведомить о создании фишек в сцене
     включить возможность поиска фишки
 
 нажали
     проверить возможность поиска фишки
 можно искать фишку
+#    вывести координаты нажатия
     найти фишку в координатах нажатия
 нашли фишку в координатах нажатия
     вывести найденную фишку
@@ -26,10 +29,10 @@
     отключить возможность поиска фишки
     сравнить выбранные фишки
 фишки совпадают
-    вывести совпадение фишек
+#    вывести совпадение фишек
     плавно скрыть фишки
 фишки не совпадают
-    вывести различие фишек
+#    вывести различие фишек
     очистить окрашивание первой найденной фишки
     очистить выбор первой найденной фишки
     включить возможность поиска фишки
@@ -40,4 +43,17 @@
     скрыть совпадающие фишки
     очистить индексы выбранных фишек
     очистить выбор фишек
-    включить возможность поиска фишки
+    собрать доступные для выбора номера фишек
+    проверить наличие ходов
+ходы присутствуют
+    вывести присутствие ходов
+    включить возможность поиска фишки
+ходы отсутствуют
+    вывести отсутствие ходов
+    проверить наличие фишек на игровом поле
+фишки на игровом поле присутствуют
+    вывести поражение
+    уведомить о поражении
+фишки на игровом поле отсутствуют
+    вывести победу
+    уведомить о победе

функции|functions.js

@@ -3,6 +3,53 @@
 // // // //
 
 
+сообщитьОНажатии = (мир, событие) =>
+{
+    if (!мир.отслеживатьНажатия)
+    {
+        return;
+    }
+
+    var позиция = new THREE.Vector2();
+    var ширина = window.innerWidth * мир.масштаб;
+    var высота = window.innerHeight * мир.масштаб;
+    позиция.x = ((событие.clientX + window.pageXOffset) / ширина ) * 2 - 1;
+    позиция.y = - ((событие.clientY + window.pageYOffset) / высота) * 2 + 1;
+    мир.позицияНажатия = позиция;
+    мир.уведомить("нажали");
+};
+
+
+// // // //
+
+
+фишкуМожноВыбрать = (индексы, индекс) =>
+{
+    var позиция = позицияИндексаФишки(индекс);
+    // Проверяем заблокированность фишки одновременно с обеих сторон.
+    var слева = уФишкиЕстьСоседи(индексы, позиция, 0, -2);
+    var справа = уФишкиЕстьСоседи(индексы, позиция, 0, 2);
+    if (слева && справа)
+    {
+        return false;
+    }
+
+    // Проверяем заблокированность сверху.
+    for (var смещениеСтолбца = -1; смещениеСтолбца < 2; ++смещениеСтолбца)
+    {
+        if (уФишкиЕстьСоседи(индексы, позиция, 1, смещениеСтолбца))
+        {
+            return false;
+        }
+    }
+    
+    return true;
+};
+
+
+// // // //
+
+
 уФишкиЕстьСоседи = (индексы, позиция, смещениеСлоя, смещениеСтолбца) =>
 {
     for (var смещениеРяда = -1; смещениеРяда < 2; ++смещениеРяда)
@@ -26,8 +73,8 @@
 
 позицияИндексаФишки = (индекс) =>
 {
-    const x = индекс / 1000000;
-    const y = (индекс - x * 1000000) / 1000;
+    const x = Math.round(индекс / 1000000);
+    const y = Math.round((индекс - x * 1000000) / 1000);
     const z = индекс - x * 1000000 - y * 1000;
     return [x, y, z];
 };