Menggambar Roda

Untuk menggambar roda, digunakan fungsi sebagai berikut :

roda(data, ang);

Untuk membuat data yang akan dijadikan parameter dalam fungsi di atas, perlu didefinisikan sebuah variabel di awal kode, sebagai berikut :

var dataRoda1 = {cx:460, cy:550, radiusO:40, radiusH:10, tbl:8}

Contoh Penggunaan

aturCanvas();
hapusLayar("#e8e8e8");

var sudut1 = 0;
var sudut2 = 0;
var dataRoda1 = {cx:100, cy:150, radiusO:40, radiusH:10, tbl:8}
var dataRoda2 = {cx:450, cy:200, radiusO:80, radiusH:10, tbl:12}

function setSimulasi(){
	hapusLayar();
	//menggerakkan gear dengan merubah sudut
	sudut1-=2;
	sudut2-=0.5;
	roda(dataRoda1, sudut1);		
	roda(dataRoda2, sudut2);
	//menambahkan belt
	belt(dataRoda1, dataRoda2);
}

function jalankanSimulasi() {
	setSimulasi();
	window.setTimeout(jalankanSimulasi, 1);		
}

function belt(d1, d2){
	var clr = "black"; 
	var ang = cariSudut(d1.cx, d1.cy, d2.cx, d2.cy);
	var r1 = d1.radiusO+0;
	var r2 = d2.radiusO+0;
	var a1 = (ang-100)*Math.PI/180;
	var a2 = (ang+100)*Math.PI/180;
	garis(d1.cx+r1*Math.cos(a1), d1.cy+r1*Math.sin(a1), d2.cx+r2*Math.cos(a1), d2.cy+r2*Math.sin(a1), 2, clr);
	garis(d1.cx+r1*Math.cos(a2), d1.cy+r1*Math.sin(a2), d2.cx+r2*Math.cos(a2), d2.cy+r2*Math.sin(a2), 2, clr);
}

jalankanSimulasi();

Share ( Ayo Berbagi )

Leave me a comment

untuk pertanyaan lebih baik di email langsung ke wandah [at] wandah [dot] com agar cepat direspon