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 @@ - \ No newline at end of file +
X:
+Y:
+Z:
+ \ No newline at end of file