// zabawy 2 czerwca 2021, w boże ciało

var ctx;	// obszar gdzie się maluje ma być dostępny wszystkim procedurom

function maluj () {
	var canvas = document.getElementById("canvas");
	ctx = canvas.getContext('2d');
 
	// testy i zabawy aby opanować to narzędzie do rysowania
//  ctx.fillRect(25,25,100,100);	//rysujemy niebieski kwadrat - początek w 25,25 a rozmiar 75*75 skoro koniec w 100 i 100 
//  ctx.clearRect(45,45,60,79);		//wycinamy jego srodek
//  ctx.strokeRect(50,50,50,50);	//rysujemy obramowanie drugiego kwadratu

	// malowanie sinusoidy co jest w pakiecie p7-sinus
	// oś pozioma o długości 530
//	ctx.moveTo(20, 200); 			//stawiamy piórko w punkcie x: 20 y: 200
//	ctx.lineTo(550, 200);			//zaczynamy rysować poziom linię
	
	// oś pionowa - o długosci 360
//	ctx.moveTo(20, 20); ctx.lineTo(20, 380);

	for (i=0; i<500; i++){
		y = 100 * Math.sin(i / 400 * Math.PI * 4)		
		ctx.moveTo(20+i, 200 - y);
		ctx.lineTo(20+i+1, 200 - y);
	}
	ctx.stroke();
	
//	rysuj_sinusoide (20, 200, Math.PI/100, 180); rysuj_sinusoide (22, 322, Math.PI/90, 91);

	Hilbert ();	
	ctx.stroke(); //po zakończeniu rysowania obrysowujemy linię

}

function rysuj_sinusoide (x, y, okres, amplituda) {
	for (i=0; i<800; i++){
		yy = amplituda * Math.sin(i * okres);
		ctx.moveTo(x+i, y - yy);
		ctx.lineTo(x+i, y - yy+1);
	}
	ctx.stroke();
}