From 28a5cd7c0dcc1f103776b96a4a9c634a0128a426 Mon Sep 17 00:00:00 2001
From: adamecki <luqasncs@protonmail.com>
Date: Wed, 23 Sep 2026 11:52:03 +0200
Subject: [PATCH] Dodanie ruchu po koniczynie

---
 .DS_Store            | Bin 10244 -> 10244 bytes
 Lekcja_03/index.html |  77 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 77 insertions(+)

diff --git a/.DS_Store b/.DS_Store
index 16260df3acfbc417bcae51386951e499bfbc7bae..d0149adcf29482bba648820ac2a02f12a80f5c6e 100644
GIT binary patch
delta 1710
zcmd6oPfQ$D9LL}HQDCMW*@r;+)17w1(pW0s23n#23>2uP6j%#{1#0Q;&M1!#GjwNI
zK#FTjy{OfiJ!rHVd-7jwqF8P8U=yvPM@5qw<Do{QUTjh?Y7f4dSz1v~#)Es<_rAa1
zd%ySZ^Ua)$o{XOEL*R|*djSNpcd_-0)oiw)<U(S~;I<Qqd<mMjCcmIilCq~uMmNav
z7^|3{Z;CY6g|;=_xlk9H-_aQH`q_fg&P85+6}5()Zci9if{?ual{#Oo)REV&Q*Kd*
zV#6b&N;XthnHjfcx{{U|P3dW_&kQ9kV|voG$5?SPZX~CTxTCijMn8W*7qNhyOj(8z
zwQTNi%N&k5`mE#T{+5c3*jCDE_lm{1sPB(r)3$y{7e#qm?+~T!(hOPsgM6;2d{fPq
z`o`wnt({#x_bdlk@vS9FnKHsP-E{bUTu%+h?WAsM+`NBqhHK9FP@3C3Vdw*9d{UQ-
zQ7114Dk`fs1Xa}^aC5@S(Aac>AD`w<W{!m=$y+3(Rx5`!v8x_SbC=O1c3u<`%Wqbz
z)loOop3=p?mYYzk-mVPT;`kDa`vV)4h%#`Do0`mQKhmUZR|k!FLN{cl`RlYOJJq4I
zp0dRi${E(}NB1aYYAk6@PKra?vL9<x+tnlPx(DO7(>JA??w*$X+&+;TvB%>ny>G_U
zQ@Jf25K;Fr+_*cbQ{#^1CB=R8R;%i;TdqyhyhBt~RAvHdzd9(f&!jQNxS8gTcpULu
zqM5d(@XF(aTete%@WqLXUeCMhaBIX5%S0k7X(S!wAUR4>WS*QN&ycg^Epmx`M7|*3
zkRQo4@+*J>6k;vbp%hi9L0tyh(To=Cz+UtribLqfVT^-g0ybtbhk2a9BX|^#;S`?0
z(|8^);6<Fpt9TQOIFGmSK9=waKE>y_f^YF1zQ@n_4Zq_$&8OwGf>zRMT1V??18t@)
zbSK?Kdubny(Kwx;35(A9N1*Uqa&NB9HFQpNWN|K?93x3GLE>bLL`ajc*_3ZHdhVZX
z7QB0Z*MaW;sm(4IdB!R&TVEd9y!DQ4EqmH-;O7Io!swsL_i$fj5)XF|hQE-y>^V@`
zxXHC##<k~77y7Oo6h_f!CD*X5FgHA0BMGCh{G8lUD`Yn-@MW;RK@z59)RRiEu}K!z
zV|h7Q-z+42q3qf%3lp+6zRV~aTZJZ`3I;nmMV%!k{a1irCRfN0<SMx?053ubDsUSj
zg6h54k6xGSjKF#jM=*w?NI=6ROjtNB5I=zhJcx(zumJpVf%ubn3eVy>oDrD6gqQIO
zUc>7G@^^3n@8Sb|h)ei5hx^w8_MdRg2lWQOJ*)Y}FG6ScRW2+RhO+<q(~{-oXZ`@X
CD!q^Z

delta 53
zcmZn(XbG6$&&azmU^hP_?_@gxvCT>X6>O8^1<r5I5dXk9d9Hlc#s(L*&Fl)3!J?Bh
H#AgEl>EROM

diff --git a/Lekcja_03/index.html b/Lekcja_03/index.html
index 46f5e5a..c2d10f0 100644
--- a/Lekcja_03/index.html
+++ b/Lekcja_03/index.html
@@ -6,13 +6,90 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Lekcja 3</title>
     <style>
+        * {
+            box-sizing: border-box;
+        }
         textarea {
             resize: none;
         }
+        .widok {
+            width: 440px;
+            height: 440px;
+            position: relative;
+            border: 1px solid black;
+        }
+        .wskaznik {
+            position: absolute;
+            width: 40px;
+            height: 40px;
+            background-color: orange;
+            border: 3px solid black;
+            border-radius: 100%;
+
+            top: 100px;
+            left: 100px;
+        }
     </style>
 </head>
 
 <body>
+    <h2>4</h2>
+    <div class="widok">
+        <div class="wskaznik"></div>
+    </div>
+    <script>
+        const wskaznik = document.getElementsByClassName("wskaznik")[0];
+        let y = parseInt(wskaznik.style.top)
+        let x = parseInt(wskaznik.style.left)
+
+        let tryb = 0
+        let licznik_goradol = 100
+        let licznik_lewoprawo = 150
+
+        setInterval(function() {
+            let rad = 0
+            let offset_x = 0
+            let offset_y = 0
+            switch(tryb) {
+                case 0:
+                    offset_x = 100
+                    offset_y = 0
+                    licznik_goradol++
+                    rad = licznik_goradol * (Math.PI/100)
+                    if (licznik_goradol % 100 == 0) { tryb++ }
+                    break
+                case 1:
+                    offset_x = 200
+                    offset_y = 100
+                    licznik_lewoprawo++
+                    rad = licznik_lewoprawo * (Math.PI/100)
+                    if (licznik_lewoprawo % 100 == 50) { tryb++ }
+                    break
+                case 2:
+                    offset_x = 100
+                    offset_y = 200
+                    licznik_goradol++
+                    rad = licznik_goradol * (Math.PI/100)
+                    if (licznik_goradol % 100 == 0) { tryb++ }
+                    break
+                case 3:
+                    offset_x = 0
+                    offset_y = 100
+                    licznik_lewoprawo++
+                    rad = licznik_lewoprawo * (Math.PI/100)
+                    if (licznik_lewoprawo % 100 == 50) { tryb = 0 }
+                    break
+            }
+
+            y = (Math.sin(rad) + 1) * 100 + offset_y
+            x = (Math.cos(rad) + 1) * 100 + offset_x
+
+            wskaznik.style.top = `${y}px`
+            wskaznik.style.left = `${x}px`
+        }, 25)
+    </script>
+
+    <hr>
     <h2>2</h2>
     <input style="font-family: monospace;" type="text" name="whata" id="frika" size="42">
     <script>