{"id":410,"date":"2023-04-19T10:27:13","date_gmt":"2023-04-19T10:27:13","guid":{"rendered":"https:\/\/tarkvara.thkit.ee\/veeb\/?page_id=410"},"modified":"2023-04-19T10:29:26","modified_gmt":"2023-04-19T10:29:26","slug":"javascript","status":"publish","type":"page","link":"https:\/\/tarkvara.thkit.ee\/veeb\/javascript\/","title":{"rendered":"Javascript"},"content":{"rendered":"\n<p><strong>Liikumine<\/strong><br>Eelnevas n\u00e4ites liigutasime nupuvajutusel \u00fche sammu kaupa. Samuti sai varem panna kujundi hiire<br>j\u00e4rgi liikuma. Kui aga panna sammud iseenesest ja piisava sagedusega korduma, siis kasutajale j\u00e4\u00e4b<br>mulje liikumisest ilma, et selle jaoks peaks ta midagi ise pidevalt tegema.<br><\/p>\n\n\n\n<p><strong>Korduvalt k\u00e4ivituv k\u00e4sk<\/strong><br>Tehniliselt saab k\u00e4su korduvalt k\u00e4ivitumise panna kirja kujul<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n window.onload=setInterval(&quot;paremale()&quot;, 500);\n\n<\/pre><\/div>\n\n\n<p>Lahtiseletatult pannakse funktsioon paremale() t\u00f6\u00f6le iga viiesaja millisekundi tagant ehk<br>praegusel juhul kaks korda sekundis. N\u00f5nda siis liigubki ruut me silmade ees vaiksete h\u00fcpetega<br>edasi. Ooteaega v\u00e4hendades v\u00f5i sammu pikkust suurendades saab liikumist sujuvamaks v\u00f5i<br>kiiremaks muuta. Samas seab masina tehniline v\u00f5imsus piltide joonistamise sagedusele piirid.<br>Enamasti ei tasu veidigi suurema joonistustahvli korral loota \u00fclejoonistusajale alla 100 millisekundi.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n &lt;head&gt;\n &lt;title&gt;Joonis&lt;\/title&gt;\n &lt;script type=&quot;text\/javascript&quot;&gt;\n var x=20, samm=5;\n function joonista(){\n var t=document.getElementById(&quot;tahvel&quot;);\n var g=t.getContext(&quot;2d&quot;);\n g.clearRect(0, 0, t.width, t.height);\n g.fillRect(x, 20, 50, 50); \/\/x, y, laius, k\u00f5rgus\n }\n function vasakule(){\n x=x-samm;\n joonista();\n }\n function paremale(){\n x=x+samm;\n joonista();\n }\n window.onload=setInterval(&quot;paremale()&quot;, 500);\n &lt;\/script&gt;\n &lt;\/head&gt;\n &lt;body&gt;\n &lt;h1&gt;Joonis&lt;\/h1&gt;\n &lt;canvas id=&quot;tahvel&quot; width=&quot;300&quot; height=&quot;200&quot;\n style=&quot;background-color:yellow&quot;&gt;&lt;\/canvas&gt;&lt;br \/&gt;\n &lt;input type=&quot;button&quot; value=&quot;v&quot; onclick=&quot;vasakule()&quot; \/&gt;\n &lt;input type=&quot;button&quot; value=&quot;p&quot; onclick=&quot;paremale()&quot; \/&gt;\n &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"387\" src=\"https:\/\/tarkvara.thkit.ee\/veeb\/wp-content\/uploads\/2023\/04\/image-10.png\" alt=\"\" class=\"wp-image-414\" srcset=\"https:\/\/tarkvara.thkit.ee\/veeb\/wp-content\/uploads\/2023\/04\/image-10.png 430w, https:\/\/tarkvara.thkit.ee\/veeb\/wp-content\/uploads\/2023\/04\/image-10-300x270.png 300w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>LiikumineEelnevas n\u00e4ites liigutasime nupuvajutusel \u00fche sammu kaupa. Samuti sai varem panna kujundi hiirej\u00e4rgi liikuma. Kui aga panna sammud iseenesest ja piisava sagedusega korduma, siis kasutajale j\u00e4\u00e4bmulje liikumisest ilma, et selle jaoks peaks ta midagi ise pidevalt tegema. Korduvalt k\u00e4ivituv k\u00e4skTehniliselt saab k\u00e4su korduvalt k\u00e4ivitumise panna kirja kujul Lahtiseletatult pannakse funktsioon paremale() t\u00f6\u00f6le iga viiesaja millisekundi &hellip; <a href=\"https:\/\/tarkvara.thkit.ee\/veeb\/javascript\/\" class=\"more-link\">Loe edasi <span class=\"screen-reader-text\">Javascript<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-410","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/pages\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":3,"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/pages\/410\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}