From 9045fcaadcdcff2d1d31d94bf86f0b7101f4e621 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?=
 <glavred@gitjs.org>
Date: Mon, 15 Mar 2021 15:23:29 +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

---
 🎬.js           | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 🎬.череда |  6 +++++-
 🙈.css          |  7 +++++++
 🙈.html         |  5 ++++-
 4 files changed, 63 insertions(+), 2 deletions(-)

diff --git a/🎬.js b/🎬.js
index 4a0c828..e45ff35 100644
--- a/🎬.js
+++ b/🎬.js
@@ -1,6 +1,49 @@
 const b64 = "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";
 
 
+// // // //
+
+
+ПовернутьИзображение = мир =>
+{
+    изо.style.transform = `rotateX(${мир.x}deg) rotateY(${мир.y}deg) rotateZ(${мир.z}deg)`;
+};
+
+
+// // // //
+
+
+ВывестиУголПоворота = мир =>
+{
+    console.debug("угол", мир.x, мир.y, мир.z);
+};
+
+
+// // // //
+
+
+ОтслеживатьИзменениеУгла = мир =>
+{
+    var x = document.getElementById("x");
+    x.oninput = function() {
+        мир.x = x.value;
+        мир.уведомить("изменили угол");
+    }
+    var y = document.getElementById("y");
+    y.oninput = function() {
+        мир.y = y.value;
+        мир.уведомить("изменили угол");
+    }
+    var z = document.getElementById("z");
+    z.oninput = function() {
+        мир.z = z.value;
+        мир.уведомить("изменили угол");
+    }
+};
+
+
+// // // //
+
 
 ПодготовитьИнтерфейс = мир =>
 {
@@ -12,6 +55,10 @@ const b64 = "iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAABhWlDQ1BJQ0MgcHJvZml
     var стиль = document.createElement("style");
     document.head.appendChild(стиль);
     стиль.innerHTML = вид;
+    
+    мир.x = 0;
+    мир.y = 0;
+    мир.z = 0;
 };
 
 
diff --git a/🎬.череда b/🎬.череда
index 48c227b..bf814f8 100644
--- a/🎬.череда
+++ b/🎬.череда
@@ -1,3 +1,7 @@
 пуск
     задать заголовок
-    подготовить интерфейс
\ No newline at end of file
+    подготовить интерфейс
+    отслеживать изменение угла
+изменили угол
+    вывести угол поворота
+    повернуть изображение
\ No newline at end of file
diff --git a/🙈.css b/🙈.css
index 745f08c..743c563 100644
--- a/🙈.css
+++ b/🙈.css
@@ -1,3 +1,10 @@
+/*
 img {
     transform: rotateY(75deg);
+}
+*/
+
+#изо {
+    border: 1px dotted grey;
+    height: 200px;
 }
\ No newline at end of file
diff --git a/🙈.html b/🙈.html
index cbdadc4..b69dce2 100644
--- a/🙈.html
+++ b/🙈.html
@@ -1 +1,4 @@
-<img src="data:image/png;base64, ${b64}">
\ No newline at end of file
+<p>X: <input id="x" type="number" min="-360" max="360" value="0"></p>
+<p>Y: <input id="y" type="number" min="-360" max="360" value="0"></p>
+<p>Z: <input id="z" type="number" min="-360" max="360" value="0"></p>
+<img id="изо" src="data:image/png;base64, ${b64}">
\ No newline at end of file