From d645993604f9e72c789ce29bba43b64ddb517bad 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: Mon, 18 Jan 2021 12:18:28 +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 +- 🎬.js | 34 +++++++++++++++++++++------------- 🎬.Ρ‡Π΅Ρ€Π΅Π΄Π° | 5 ++++- 3 files changed, 26 insertions(+), 15 deletions(-) diff --git a/0000 b/0000 index 9766657..ba8ba83 100644 --- a/0000 +++ b/0000 @@ -1,5 +1,5 @@ Π ΠΈΡΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ -0.7.8 +1.0.0 https://git.opengamestudio.org/PuCOBATEJlb/PuCOBATEJlb /base64js.min.js diff --git a/🎬.js b/🎬.js index 9facf9b..5002f98 100644 --- a/🎬.js +++ b/🎬.js @@ -15,8 +15,8 @@ } var позиция = new THREE.Vector2(); - var ΡˆΠΈΡ€ΠΈΠ½Π° = window.innerWidth * ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π±; - var высота = window.innerHeight * ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π±; + var ΡˆΠΈΡ€ΠΈΠ½Π° = ΠΌΠΈΡ€.ΡˆΠΈΡ€ΠΈΠ½Π°ΠžΠΊΠ½Π°; + var высота = ΠΌΠΈΡ€.Π²Ρ‹ΡΠΎΡ‚Π°ΠžΠΊΠ½Π°; позиция.x = ((событиС.clientX + window.pageXOffset) / ΡˆΠΈΡ€ΠΈΠ½Π° ) * 2 - 1; позиция.y = - ((событиС.clientY + window.pageYOffset) / высота) * 2 + 1; ΠΌΠΈΡ€.позицияНаТатияВРисоватСлС = позиция; @@ -62,24 +62,20 @@ // // // // -Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒΠ Π°Π·ΠΌΠ΅Ρ€Π ΠΈΡΠΎΠ²Π°Ρ‚Π΅Π»Ρ = ΠΌΠΈΡ€ => +ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒΠ Π°Π·ΠΌΠ΅Ρ€Π ΠΈΡΠΎΠ²Π°Ρ‚Π΅Π»Ρ = ΠΌΠΈΡ€ => { - var ΡˆΠΈΡ€ΠΈΠ½Π° = window.innerWidth * ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π±; - var высота = window.innerHeight * ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π±; - ΠΌΠΈΡ€.ΠΊΠ°ΠΌΠ΅Ρ€Π°.aspect = ΡˆΠΈΡ€ΠΈΠ½Π° / высота; + ΠΌΠΈΡ€.ΠΊΠ°ΠΌΠ΅Ρ€Π°.aspect = ΠΌΠΈΡ€.ΡˆΠΈΡ€ΠΈΠ½Π°ΠžΠΊΠ½Π° / ΠΌΠΈΡ€.Π²Ρ‹ΡΠΎΡ‚Π°ΠžΠΊΠ½Π°; ΠΌΠΈΡ€.ΠΊΠ°ΠΌΠ΅Ρ€Π°.updateProjectionMatrix(); var Ρ‡Ρ‘Ρ‚ΠΊΠΎΡΡ‚ΡŒApple = 2; - ΠΌΠΈΡ€.Ρ€ΠΈΡΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ.setSize(ΡˆΠΈΡ€ΠΈΠ½Π° * Ρ‡Ρ‘Ρ‚ΠΊΠΎΡΡ‚ΡŒApple, высота * Ρ‡Ρ‘Ρ‚ΠΊΠΎΡΡ‚ΡŒApple); - - var Ρ€Π°Π·ΠΌΠ΅Ρ€ = ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π± * 100; + ΠΌΠΈΡ€.Ρ€ΠΈΡΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ.setSize(ΠΌΠΈΡ€.ΡˆΠΈΡ€ΠΈΠ½Π°ΠžΠΊΠ½Π° * Ρ‡Ρ‘Ρ‚ΠΊΠΎΡΡ‚ΡŒApple, ΠΌΠΈΡ€.Π²Ρ‹ΡΠΎΡ‚Π°ΠžΠΊΠ½Π° * Ρ‡Ρ‘Ρ‚ΠΊΠΎΡΡ‚ΡŒApple); ΠΌΠΈΡ€.ΠΊΠ°Π½Π²Π°.style = ` position: absolute; left: 0; top: 0; -max-width: ${Ρ€Π°Π·ΠΌΠ΅Ρ€}%; -max-height: ${Ρ€Π°Π·ΠΌΠ΅Ρ€}%; -width: ${Ρ€Π°Π·ΠΌΠ΅Ρ€}%; -height: ${Ρ€Π°Π·ΠΌΠ΅Ρ€}%; +width: ${ΠΌΠΈΡ€.ΡˆΠΈΡ€ΠΈΠ½Π°ΠžΠΊΠ½Π°ΠŸΡ€ΠΎΡ†}%; +max-width: ${ΠΌΠΈΡ€.ΡˆΠΈΡ€ΠΈΠ½Π°ΠžΠΊΠ½Π°ΠŸΡ€ΠΎΡ†}%; +height: ${ΠΌΠΈΡ€.Π²Ρ‹ΡΠΎΡ‚Π°ΠžΠΊΠ½Π°ΠŸΡ€ΠΎΡ†}%; +max-height: ${ΠΌΠΈΡ€.Π²Ρ‹ΡΠΎΡ‚Π°ΠžΠΊΠ½Π°ΠŸΡ€ΠΎΡ†}%; `; }; @@ -87,6 +83,18 @@ height: ${Ρ€Π°Π·ΠΌΠ΅Ρ€}%; // // // // +Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒΠ Π°Π·ΠΌΠ΅Ρ€Π ΠΈΡΠΎΠ²Π°Ρ‚Π΅Π»Ρ = ΠΌΠΈΡ€ => +{ + ΠΌΠΈΡ€.ΡˆΠΈΡ€ΠΈΠ½Π°ΠžΠΊΠ½Π° = window.innerWidth * ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π±; + ΠΌΠΈΡ€.Π²Ρ‹ΡΠΎΡ‚Π°ΠžΠΊΠ½Π° = window.innerHeight * ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π±; + ΠΌΠΈΡ€.ΡˆΠΈΡ€ΠΈΠ½Π°ΠžΠΊΠ½Π°ΠŸΡ€ΠΎΡ† = ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π± * 100; + ΠΌΠΈΡ€.Π²Ρ‹ΡΠΎΡ‚Π°ΠžΠΊΠ½Π°ΠŸΡ€ΠΎΡ† = ΠΌΠΈΡ€.ΠΌΠ°ΡΡˆΡ‚Π°Π± * 100; +}; + + +// // // // + + ΠžΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒΠ˜Π·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅Π Π°Π·ΠΌΠ΅Ρ€Π°ΠžΠΊΠ½Π°Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Π° = ΠΌΠΈΡ€ => { window.addEventListener( diff --git a/🎬.Ρ‡Π΅Ρ€Π΅Π΄Π° b/🎬.Ρ‡Π΅Ρ€Π΅Π΄Π° index dc665c4..30b4475 100644 --- a/🎬.Ρ‡Π΅Ρ€Π΅Π΄Π° +++ b/🎬.Ρ‡Π΅Ρ€Π΅Π΄Π° @@ -4,9 +4,12 @@ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ рисоватСля ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисоватСля + ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисоватСля ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ наТатия Π² рисоватСлС Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ рисоватСля ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисоватСля + ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисоватСля ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π± - ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисоватСля \ No newline at end of file + ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисоватСля + ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ рисоватСля \ No newline at end of file