From 6f6252e0f010bbe2e18cd70bdc50e639e369189d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=93=D0=BB=D0=B0=D0=B2=D1=80=D0=B5=D0=B4=20=7C=20Glavred?= Date: Wed, 30 Sep 2020 14:32:23 +0300 Subject: [PATCH] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD?= =?UTF-8?q?=D0=B8=D1=8F=20=D0=BE=D1=82=20=D0=93=D0=BB=D0=B0=D0=B2=D1=80?= =?UTF-8?q?=D0=B5=D0=B4=D0=B0=20=D0=93=D0=B8=D1=82=D0=96=D0=A1=20|=20Chang?= =?UTF-8?q?es=20of=20GitJS=20Glavred?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 0000 | 2 - интерфейс|ui.js | 418 ----------------------------- интерфейс|ui.череда | 27 -- пуск|run.js | 9 + пуск|run.череда | 1 + 5 files changed, 10 insertions(+), 447 deletions(-) delete mode 100644 интерфейс|ui.js delete mode 100644 интерфейс|ui.череда diff --git a/0000 b/0000 index 300db94..3500bf0 100644 --- a/0000 +++ b/0000 @@ -2,8 +2,6 @@ 1.0.0 https://git.opengamestudio.org/mahjong/mahjong-osnova-base -x /интерфейс|ui.js -/интерфейс|ui.череда x /пуск|run.js /пуск|run.череда x /тема|theme.js diff --git a/интерфейс|ui.js b/интерфейс|ui.js deleted file mode 100644 index aa2a12b..0000000 --- a/интерфейс|ui.js +++ /dev/null @@ -1,418 +0,0 @@ - - -// // // // - - -СоздатьЭлементыУправленияМасштабом = мир => -{ - var элементы = document.createElement("div"); - элементы.innerHTML = ` - - `; - элементы.style = ` -position: fixed; -right: 0; -top: 50%; -transform: translateX(-50%) translateY(-50%); - `; - мир.окна.управление.элемент.appendChild(элементы); - - $(`#увеличить-масштаб`).click(function() { - мир.уведомить("кнопка увеличения масштаба"); - }); - $(`#уменьшить-масштаб`).click(function() { - мир.уведомить("кнопка уменьшения масштаба"); - }); -}; - - -// // // // - - -СоздатьОкноУправления = мир => -{ - мир.окна.управление = { - "указатель": "окно-управления", - }; - - var окно = document.createElement("div"); - окно.id = мир.окна.управление.указатель; - document.body.appendChild(окно); - окно.style = ` -position: absolute; -left: 0; -top: 0; -right: 0; -bottom: 0; - `; - мир.окна.управление.элемент = окно; -}; - - -// // // // - - -ЗадатьПораженческоеСодержимоеОкнуОкончания = мир => -{ - $(`#${мир.окна.окончание.указатель}-содержимое`).html(` - -Поражение -⚬ 失败 ⚬ -Defeat - - `); -}; - - -// // // // - - -ЗадатьПобедноеСодержимоеОкнуОкончания = мир => -{ - $(`#${мир.окна.окончание.указатель}-содержимое`).html(` - -Победа -⚬ 胜利 ⚬ -Victory - - `); -}; - - -// // // // - - -ПлавноПоказатьОкноОкончания = мир => -{ - const css = ` - -#${мир.окна.окончание.указатель} -{ - opacity: 0; - animation: ${мир.окна.окончание.указатель}ПлавноПоказать 0.5s ease; - animation-fill-mode: forwards; -} - - `; - мир.окна.окончание.анимация.innerHTML = css; - мир.окна.окончание.элемент.style.display = "block"; -}; - - -// // // // - - -ПодготовитьАнимациюОкнаОкончания = мир => -{ - мир.окна.окончание.анимация = document.createElement("style"); - document.head.appendChild(мир.окна.окончание.анимация); -}; - - -// // // // - - -ЗадатьВидИАнимациюОкнаОкончания = мир => -{ - const css = ` - -#${мир.окна.окончание.указатель}-тело -{ - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} -#${мир.окна.окончание.указатель} -{ - background-color: white; - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; -} - -@keyframes ${мир.окна.окончание.указатель}ПлавноСкрыть -{ - 0% - { - opacity: 1; - } - 100% - { - opacity: 0; - } -} - -@keyframes ${мир.окна.окончание.указатель}ПлавноПоказать -{ - 0% - { - opacity: 0; - } - 100% - { - opacity: 1; - } -} - - `; - var вид = document.createElement("style"); - вид.innerHTML = css; - document.head.appendChild(вид); -}; - - -// // // // - - -СоздатьОкноОкончания = мир => -{ - мир.окна.окончание = { - "указатель": "окно-окончания", - }; - const html = ` - -
-
- - -
-

- -

-
-
- - `; - - var окно = document.createElement("div"); - окно.id = мир.окна.окончание.указатель; - окно.innerHTML = html; - document.body.appendChild(окно); - окно.style.display = "none"; - мир.окна.окончание.элемент = окно; -}; - - -// // // // - - -ОтключитьОкноПриветствия = мир => -{ - мир.окна.приветствие.элемент.style.display = "none"; -}; - - -// // // // - - -ВыбратьРаскладкуПровальную = мир => -{ - мир.выбраннаяРаскладка = "😭"; - мир.уведомить("выбрали раскладку"); -}; - - -// // // // - - -ВыбратьРаскладкуУспешную = мир => -{ - мир.выбраннаяРаскладка = "😀"; - мир.уведомить("выбрали раскладку"); -}; - - -// // // // - - -ВыбратьРаскладкуX = мир => -{ - мир.выбраннаяРаскладка = "X"; - мир.уведомить("выбрали раскладку"); -}; - - -// // // // - - -ПлавноСкрытьОкноПриветствия = мир => -{ - const css = ` - -#${мир.окна.приветствие.указатель} -{ - opacity: 1; - animation: ${мир.окна.приветствие.указатель}ПлавноСкрыть 0.5s ease; - animation-fill-mode: forwards; - animation-delay: 0.1s; -} - - `; - мир.окна.приветствие.анимация.innerHTML = css; - мир.окна.приветствие.показываем = false; -}; - - -// // // // - - -ПлавноПоказатьОкноПриветствия = мир => -{ - const css = ` - -#${мир.окна.приветствие.указатель} -{ - opacity: 0; - animation: ${мир.окна.приветствие.указатель}ПлавноПоказать 1s ease; - animation-fill-mode: forwards; -} - - `; - мир.окна.приветствие.анимация.innerHTML = css; - мир.окна.приветствие.показываем = true; - мир.окна.приветствие.элемент.style.display = "block"; -}; - - -// // // // - - -ПодготовитьАнимациюОкнаПриветствия = мир => -{ - мир.окна.приветствие.анимация = document.createElement("style"); - document.head.appendChild(мир.окна.приветствие.анимация); - мир.окна.приветствие.показываем = true; - мир.окна.приветствие.элемент.addEventListener( - "animationend", - function() - { - if (мир.окна.приветствие.показываем) - { - мир.уведомить("плавно показали окно приветствия"); - } - else { - мир.уведомить("плавно скрыли окно приветствия"); - } - } - ); -}; - - -// // // // - - -ЗадатьВидИАнимациюОкнаПриветствия = мир => -{ - const css = ` - -#${мир.окна.приветствие.указатель}-тело -{ - position: absolute; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); -} -#${мир.окна.приветствие.указатель} -{ - background-color: white; - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; -} - -@keyframes ${мир.окна.приветствие.указатель}ПлавноСкрыть -{ - 0% - { - opacity: 1; - } - 100% - { - opacity: 0; - } -} - -@keyframes ${мир.окна.приветствие.указатель}ПлавноПоказать -{ - 0% - { - opacity: 0; - } - 100% - { - opacity: 1; - } -} - - `; - var вид = document.createElement("style"); - вид.innerHTML = css; - document.head.appendChild(вид); -}; - - -// // // // - - -СоздатьОкноПриветствия = мир => -{ - мир.окна.приветствие = { - "указатель": "окно-приветствия", - }; - const html = ` - -
-
-

- Маджонг - ⚬ 麻将 ⚬ - Mahjong -

- ${мир.версия} -
-

-

Выберите раскладку: | 选择布局: | Select layout:

- - - -

-
-
- - `; - - var окно = document.createElement("div"); - окно.id = мир.окна.приветствие.указатель; - окно.innerHTML = html; - document.body.appendChild(окно); - окно.style.display = "none"; - мир.окна.приветствие.элемент = окно; - - $(`#${мир.окна.приветствие.указатель}-X`).click(function() { - мир.уведомить("кнопка раскладки X"); - }); - $(`#${мир.окна.приветствие.указатель}-😀`).click(function() { - мир.уведомить("кнопка раскладки 😀"); - }); - $(`#${мир.окна.приветствие.указатель}-😭`).click(function() { - мир.уведомить("кнопка раскладки 😭"); - }); -}; - - -// // // // - - -СоздатьХранилищеОкон = мир => -{ - мир.окна = {}; -}; - diff --git a/интерфейс|ui.череда b/интерфейс|ui.череда deleted file mode 100644 index 622baed..0000000 --- a/интерфейс|ui.череда +++ /dev/null @@ -1,27 +0,0 @@ -пуск модулей маджонга - создать хранилище окон - создать окно управления - создать элементы управления масштабом - создать окно приветствия - задать вид и анимацию окна приветствия - подготовить анимацию окна приветствия - создать окно окончания - задать вид и анимацию окна окончания - подготовить анимацию окна окончания - плавно показать окно приветствия -кнопка раскладки X - выбрать раскладку X -кнопка раскладки 😀 - выбрать раскладку успешную -кнопка раскладки 😭 - выбрать раскладку провальную -выбрали раскладку - плавно скрыть окно приветствия -плавно скрыли окно приветствия - отключить окно приветствия -победа - задать победное содержимое окну окончания - плавно показать окно окончания -поражение - задать пораженческое содержимое окну окончания - плавно показать окно окончания \ No newline at end of file diff --git a/пуск|run.js b/пуск|run.js index 3011f90..ba75781 100644 --- a/пуск|run.js +++ b/пуск|run.js @@ -3,6 +3,15 @@ // // // // +СоздатьХранилищеОкон = мир => +{ + мир.окна = {}; +}; + + +// // // // + + ВывестиРазмерОкнаБраузера = мир => { console.debug("размер окна:", window.innerWidth, window.innerHeight); diff --git a/пуск|run.череда b/пуск|run.череда index 1e347f4..349b863 100644 --- a/пуск|run.череда +++ b/пуск|run.череда @@ -1,5 +1,6 @@ пуск маджонга задать заголовок браузера + создать хранилище окон запустить модули маджонга изменили размер окна браузера