Skip to content

Commit

Permalink
edit how to use
Browse files Browse the repository at this point in the history
  • Loading branch information
@rifaldyaristya
rifaldyaristya committed Feb 24, 2021
1 parent 2b9b4ef commit 7766273
Showing 1 changed file with 76 additions and 8 deletions.
84 changes: 76 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,14 +37,82 @@
</div>
</div>
<div class="instruction">
<p> How to use</p>
<ol>
<li>By default the mode is drawing mode</li>
<li>To change mode click one of the mode buttons</li>
<li>To create object pick the location by click any point u want to generate your object</li>
<li>To move object click any object you want to move, move your cursor you want to put your object on</li>
<li>To scale object click any object you want to scale, move your cursor around that object</li>
</ol>
<p>Cara menggunakan</p>
<ul>
<li>
<b>Menggeser titik kontrol/simpul dengan mouse</b>
<ol>
<li>Pastikan mode yang digunakan adalah mode Drawing. Pada saat awal, secara default mode yang terjadi adalah mode Drawing. </li>
<li>Lakukan pengklikan pada bagian canvas dimana titik kontrol ingin dipindahkan</li>
<li>Titik kontrol akan berpindah ke posisi kanvas yang diklik</li>
</ol>
</li>
<li>
<b>Menggambar garis</b>
<ol>
<li>Pastikan mode yang sedang berlaku adalah mode Drawing (default Mode atau dengan menekan tombol “Enter Drawing Mode”)</li>
<li>Tentukan titik pertama dari garis dengan memindahkan titik kontrol</li>
<li>Tekan tombol Enter Draw Line Mode</li>
<li>Tentukan titik kedua dari garis dengan memindahkan titik kontrol</li>
</ol>
</li>
<li>
<b>Menggambar persegi</b>
<ol>
<li>Pastikan mode yang sedang berlaku adalah mode Drawing (default Mode atau dengan menekan tombol “Enter Drawing Mode”)</li>
<li>Tentukan tengah persegi dengan memindahkan titik kontrol</li>
<li>Tekan tombol Draw Rectangle</li>
</ol>
</li>
<li>
<b>Menggambar polygon</b>
<ol>
<li>Pastikan mode yang sedang berlaku adalah mode Drawing (default Mode atau dengan menekan tombol “Enter Drawing Mode”)</li>
<li>Tentukan tengah persegi dengan memindahkan titik kontrol</li>
<li>Tekan tombol Draw Polygon</li>
</ol>
</li>
<li>
<b>Mengubah panjang garis</b>
<ol>
<li>Pastikan mode yang sedang berlaku adalah mode Resizing (menekan tombol “Enter Resizing Mode”)</li>
<li>Gerakan kursor di sekitar garis untuk mengubah-ngubah panjang garis</li>
<li>Setelah ukuran garis sesuai yang diinginkan, klik sembarang pada canvas</li>
</ol>
</li>
<li>
<b>Mengubah ukuran sisi persegi</b>
<ol>
<li>Pindah ke mode resizing dengan menekan tombol "Enter resizing mode"</li>
<li>Tekan persegi yang akan di-resize</li>
<li>Gerakkan kursor untuk memperbesar atau memperkecil ukurannya</li>
<li>Tekan kembali persegi tersebut untuk menyimpan di kanvas</li>
</ol>
</li>
<li>
<b>Mengubah warna poligon</b>
<ol>
<li>Pilih mode Recoloring dengan menekan tombol “Enter Recoloring Mode</li>
<li>Pilih warna yang diinginkan pada color picker</li>
<li>Pilih polygon yang ingin diganti warnanya</li>
</ol>
</li>
<li>
<b>Save canvas objects to external file </b>
<ol>
<li>Masukan nama filename.txt yang akan menyimpan data model yang sedang berada di canvas saat ini</li>
<li>Klik tombol “Save Canvas”</li>
<li>Klik link “Download File”</li>
</ol>
</li>
<li>
<b>Load canvas objects from external file</b>
<ol>
<li>Pilih file external yang menyimpan model yang ingin di load ke kanvas</li>
<li>Klik tombol “Load Canvas”</li>
</ol>
</li>
</ul>
</div>
</div>

Expand Down

0 comments on commit 7766273

Please sign in to comment.