DOCTYPE HTML canvas idcanvas width600 px height400 pxcanvas

function calendar(nr. Luna, an){ patrat(0, -1, 'white'); patrat(0. 5, -1, 'white'); patrat(1. 5, -1,

function incepe. Luna(nr. Luna, an){ var t = [ 0, 3, 2, 5, 0,

<!DOCTYPE HTML> <canvas id="canvas" width="500 px" height="500 px"></canvas> <script> var c = document. get.

function animate() { for(var i=0; i<N; i++) for(var j=0; j<N; j++){ life. Temp[i+j*N]=life[i+j*N]; if(life[i+j*N]==1

<!DOCTYPE HTML> <canvas id="canvas" width="500 px" height="500 px" tabindex='1'></canvas> <script> var c = document.

function patrat(i, j, culoare) { c. fill. Style=culoare; c. fill. Rect(b*i, b*j, a, a);

function animate() { sterge. Piesa(x, y, nr. Piesa); if(coliziune. Piesa(x, y+1, nr. Piesa)==0 &&

function sterge. Linie() { for(var j=M-1; j>0; j--){ var ww=1; for(var i=0; i<N; i++)

Slides: 9

Download presentation

<!DOCTYPE HTML> <canvas id="canvas" width="600 px" height="400 px"></canvas> <script> var c=document. get. Element. By. Id("canvas"). get. Context("2 d"); document. get. Element. By. Id("canvas"). add. Event. Listener("click", do. Click); var nr. Luna=10, an=2018, a=45; var luna=[['Ian', 31], ['Feb', 28], ['Mar', 31], ['Apr', 30], ['May', 31], ['Iun', 30], ['Iul', 31], ['Aug', 31], ['Sep', 30], ['Oct', 31], ['Nov', 30], ['Dec', 31]]; var sapt=['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']; calendar(nr. Luna, an); function patrat(i, j, col){ c. fill. Style=col; c. fill. Rect(i*(a+5)+50, j*(a+5)+50, a, a); } function txt(i, j, text){ c. font='20 px Arial'; c. fill. Style='black'; c. fill. Text(text, i*(a+5)+50+10, j*(a+5)+50+30); } Calendar

function incepe. Luna(nr. Luna, an){ var t = [ 0, 3, 2, 5, 0, 3, 5, 1, 4, 6, 2, 4 ]; y = (nr. Luna < 3)? an-1: an; z=(y + y/4 - y/100 + y/400 + t[nr. Luna-1] + 0) % 7; //+1 return parse. Int(z); } function do. Click(event){ xx=event. page. X; yy=event. page. Y; i=5; j=-1; x 1=i*(a+5)+50; y 1=j*(a+5)+50; i=6; j=-1; x 2=i*(a+5)+50; y 2=j*(a+5)+50; if(xx>x 1 && xx<(x 1+a) && yy>y 1 && yy<(y 1+a)) nr. Luna-=1; if(xx>x 2 && xx<(x 2+a) && yy>y 2 && yy<(y 2+a)) nr. Luna+=1; if(nr. Luna>12) {an+=1; nr. Luna=1; } if(nr. Luna<1) {an-=1; nr. Luna=12; } calendar(nr. Luna, an); } </script> </html>

<!DOCTYPE HTML> <canvas id="canvas" width="500 px" height="500 px"></canvas> <script> var c = document. get. Element. By. Id("canvas"). get. Context("2 d"); var color=['blue', 'red', 'tomato', 'orange', 'gold', 'yellow', 'greenyellow', 'limegreen‘, 'lightseagreen']; var a=8, b=10, N=50, life=[], life. Temp=[]; function initiate() { for(var i=0; i<N; i++) for(var j=0; j<N; j++){ life[i+j*N]=Math. floor(2*Math. random()); Game of Life patrat(i, j, color[ life[i+j*N] ]); } } function vecini(i, j) { var NN=-life[i+j*N]; for(var ii=-1; ii<=1; ii++) for(var jj=-1; jj<=1; jj++){ var x= (ii<0) ? (i+ii+N) % N : (i+ii) % N; var y= (jj<0) ? (j+jj+N) % N : (j+jj) % N; NN += life[ x + y*N ]; } return NN%8; }

<!DOCTYPE HTML> <canvas id="canvas" width="500 px" height="500 px" tabindex='1'></canvas> <script> var c = document. get. Element. By. Id("canvas"). get. Context("2 d"); window. add. Event. Listener("keydown", do. Key. Down); var color=['yellow', 'blue', 'red‘]; var a=15, b=17, N=12, M=20, life=[]; var piese=[[1, 1, 1, 0, 0], [1, 1, 0, 0, 0, 1, 1, 0] ]; Tetris var x=6, y=0, nr. Piesa=0; function initiate() { for(var i=0; i<N; i++) for(var j=0; j<M; j++){ life[i+j*N]=0; } pune. Piesa(x, y, nr. Piesa); } function draw() { for(var i=0; i<N; i++) for(var j=0; j<M; j++){ patrat(i, j, color[ life[i+j*N] ]); } }

function sterge. Linie() { for(var j=M-1; j>0; j--){ var ww=1; for(var i=0; i<N; i++) ww*=life[i+j*N]; if(ww!=0){ for(var i=0; i<N; i++) life[i+j*N]=0; var jj=j; for(var k=jj; k>0; k--) for(var i=0; i<N; i++) life[i+k*N]=life[i+(k-1)*N]; } } } initiate(); draw(); set. Interval(animate, 300); </script> </html>