myGame/script.js at main · HyogaBR/myGame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
let canvas = document.getElementById( "canvas" );
let ctx = canvas.getContext( "2d" );

let px = 0;
let py = 0;
let dx = 1;
let dy = 0;

let animar;

l_ret = a_ret = 50;

l_canvas = a_canvas = 500;


function desenhar() {

		ctx.clearRect( 0, 0, l_canvas, a_canvas );


		ctx.fillStyle = "#f00";
		ctx.lineWidth = 3;
		ctx.strokeStyle = "#000";


		ctx.fillRect( px, py, l_ret, a_ret );
		ctx.strokeRect( px, py, l_ret, a_ret );


		px += dx;

		py += dy;


		if( ( px <= 0 ) && ( py <= 0 ) ) {

				dx = 1;
				dy = 0;

		}

		if( ( px + l_ret >= l_canvas) && ( py <= 0 ) ) {

				dx = 0;
				dy = 1;

		}

		if( ( px + l_ret >= l_canvas ) && ( py + a_ret >= a_canvas ) ) {

				dx = -1;
				dy = 0;

		}

		if( ( px <= 0 ) && ( py + a_ret >= a_canvas ) ) {

				dx = 0;
				dy = -1;

		}


		animar = requestAnimationFrame( desenhar );

}

desenhar();