Latest Blog
05.10.2020
Multimedia Interaktif Tata Surya
Membuat Multimedia Pembelajaran Interaktif tentang tata surya
ALL BLOG
Latest Games
Menggambar Gear (Roda Gigi)
Untuk menggambar gear (roda gigi), digunakan fungsi sebagai berikut :
gear(data, ang);
| No | Parameter | Deskripsi |
|---|---|---|
| 1 | data | variabel objek untuk menyusun roda gigi |
| 2 | ang | sudut rotasi roda gigi |
Untuk membuat data yang akan dijadikan parameter dalam fungsi di atas, perlu didefinisikan sebuah variabel di awal kode, sebagai berikut :
var dataGear = {cx:200, cy:300, notches:10, radiusO:60, radiusI:50, radiusH:20, taperO:40, taperI:20}
| No | Parameter | Deskripsi |
|---|---|---|
| 1 | cx | koordinat x pusat roda gigi |
| 2 | cy | koordinat y pusat roda gigi |
| 3 | notches | jumlah gigi |
| 4 | radiusO | Jari-jari terluar roda gigi |
| 5 | radiusI | Jari-jari dalam roda gigi |
| 6 | radiusH | Jari-jari lubang di tengah roda gigi |
| 7 | taperO | Prosentase kelengkungan roda gigi bagian luar |
| 8 | taperI | Prosentase kelengkungan roda gigi bagian dalam |
Contoh Penggunaan
aturCanvas();
hapusLayar("#e8e8e8");
var sudut1 = 0;
var sudut2 = 17;
var dataGear1 = {cx:200, cy:300, notches:10, radiusO:60, radiusI:50, radiusH:20, taperO:40, taperI:20}
var dataGear2 = {cx:372, cy:300, notches:20, radiusO:120, radiusI:110, radiusH:20, taperO:40, taperI:30}
function setSimulasi(){
hapusLayar();
//menggerakkan gear dengan merubah sudut
sudut1-=0.2;
sudut2+=0.1;
gear(dataGear1, sudut1);
gear(dataGear2, sudut2);
}
function jalankanSimulasi() {
setSimulasi();
window.setTimeout(jalankanSimulasi, 1);
}
jalankanSimulasi();
Share ( Ayo Berbagi )
Leave me a comment
untuk pertanyaan lebih baik di email langsung ke wandah [at] wandah [dot] com agar cepat direspon