{"id":416,"date":"2023-04-19T10:30:10","date_gmt":"2023-04-19T10:30:10","guid":{"rendered":"https:\/\/tarkvara.thkit.ee\/veeb\/?page_id=416"},"modified":"2023-05-09T16:45:39","modified_gmt":"2023-05-09T16:45:39","slug":"liikumise-suuna-maaramine","status":"publish","type":"page","link":"https:\/\/tarkvara.thkit.ee\/veeb\/liikumise-suuna-maaramine\/","title":{"rendered":"Liikumise suuna m\u00e4\u00e4ramine"},"content":{"rendered":"\n<p>Siiani liikus ruut \u00fches suunas, suuna m\u00e4\u00e4ras muutuja nimega samm. Kui sellele sammule anda negatiivne v\u00e4\u00e4rtus, siis liigub ruut vasakule. Liikumissuuna muutmiseks rakenduse t\u00f6\u00f6 ajal tuleb ka sammu v\u00e4\u00e4rtust muuta. Eraldi lisati muutuja nimega kiirus, mille abil v\u00f5imalik m\u00e4\u00e4rata, kui ruttu ruut liigub. Suuna m\u00e4\u00e4ramiseks tuleb kiiruse v\u00e4\u00e4rtus lihtsalt sammule \u00fcle kanda &#8211; olgu siis plussv\u00f5i miinusm\u00e4rgiga. Ja kui tahta ruut seisma j\u00e4tta, piisab, kui sammu pikkuseks s\u00e4ttida null. Alla siis vastavad nupud, et kasutaja v\u00f5iks vastavaid k\u00e4sklusi k\u00e4ivitada.<br>Nuppude v\u00e4\u00e4rtuseks olevad &lt;- ja -&gt; v\u00f5ivad tunduda raskelt m\u00f5istetavad.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;input type=&quot;button&quot; value=&quot;&amp;lt;-&quot; onclick=&quot;vasakule()&quot; \/&gt;\n &lt;input type=&quot;button&quot; value=&quot;x&quot; onclick=&quot;seis()&quot; \/&gt;\n &lt;input type=&quot;button&quot; value=&quot;-&amp;gt;&quot; onclick=&quot;paremale()&quot; \/&gt;\n<\/pre><\/div>\n\n\n<p>Tegelikult aga tegemist eris\u00fcmbolitega, mille abil saab sinna noole kujutise kuvada. &lt; t\u00e4hendab &#8220;less than&#8221; ehk &#8220;v\u00e4iksem kui&#8221; ehk siis s\u00fcmbol &#8220;&lt;&#8220;. Teistpidine &gt; on &#8220;greater than&#8221; ehk &#8220;suurem kui&#8221; ehk &#8220;&gt;&#8221;. Kuna need m\u00e4rgid niisamuti kirjutatuna t\u00e4histavad HTML koodis eris\u00fcmboleid, siis ei v\u00f5i neid otse nuputeksti kohale kirjutada, et saada noole kuju &lt;- tekitada. Asenduse abil aga \u00f5nnestub ning nupu silt t\u00e4iesti loetav.<\/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;Liikumine&lt;\/title&gt;\n &lt;script&gt;\n var x=20, kiirus=2, samm=kiirus;\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);\n }\n function liigu(){\n x=x+samm;\n joonista();\n }\n function vasakule(){\n samm=-kiirus;\n }\n function seis(){\n samm=0;\n }\n function paremale(){\n samm=kiirus;\n }\n &lt;\/script&gt;\n &lt;\/head&gt;\n &lt;body onload=&quot;setInterval(&#039;liigu()&#039;, 100)&quot;&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;&amp;lt;-&quot; onclick=&quot;vasakule()&quot; \/&gt;\n &lt;input type=&quot;button&quot; value=&quot;x&quot; onclick=&quot;seis()&quot; \/&gt;\n &lt;input type=&quot;button&quot; value=&quot;-&amp;gt;&quot; onclick=&quot;paremale()&quot; \/&gt;\n &lt;\/body&gt;\n&lt;\/html&gt;\n\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"356\" height=\"274\" src=\"https:\/\/tarkvara.thkit.ee\/veeb\/wp-content\/uploads\/2023\/04\/image-11.png\" alt=\"\" class=\"wp-image-471\" srcset=\"https:\/\/tarkvara.thkit.ee\/veeb\/wp-content\/uploads\/2023\/04\/image-11.png 356w, https:\/\/tarkvara.thkit.ee\/veeb\/wp-content\/uploads\/2023\/04\/image-11-300x231.png 300w\" sizes=\"auto, (max-width: 356px) 100vw, 356px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-no-shadow\"><a class=\"wp-block-button__link has-dark-gray-background-color has-background wp-element-button\" href=\"https:\/\/tarkvara.thkit.ee\/js\/liik1.html\" target=\"_blank\" rel=\"noreferrer noopener\">Proovi j\u00e4rgi<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Siiani liikus ruut \u00fches suunas, suuna m\u00e4\u00e4ras muutuja nimega samm. Kui sellele sammule anda negatiivne v\u00e4\u00e4rtus, siis liigub ruut vasakule. Liikumissuuna muutmiseks rakenduse t\u00f6\u00f6 ajal tuleb ka sammu v\u00e4\u00e4rtust muuta. Eraldi lisati muutuja nimega kiirus, mille abil v\u00f5imalik m\u00e4\u00e4rata, kui ruttu ruut liigub. Suuna m\u00e4\u00e4ramiseks tuleb kiiruse v\u00e4\u00e4rtus lihtsalt sammule \u00fcle kanda &#8211; olgu siis &hellip; <a href=\"https:\/\/tarkvara.thkit.ee\/veeb\/liikumise-suuna-maaramine\/\" class=\"more-link\">Loe edasi <span class=\"screen-reader-text\">Liikumise suuna m\u00e4\u00e4ramine<\/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-416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/pages\/416","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=416"}],"version-history":[{"count":7,"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/pages\/416\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/pages\/416\/revisions\/520"}],"wp:attachment":[{"href":"https:\/\/tarkvara.thkit.ee\/veeb\/wp-json\/wp\/v2\/media?parent=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}