JS1k: The JavaScript code golfing competition

c.width=w=c.height=h=600;q="#000";c.style.cssText="background:"+q+";cursor:pointer";M=Math;P=M.PI/180;z=1;for(x in a)a[x[0]+(x[6]||x[2])]=a[x];a.sv();a.ta(225,550);function t(){a.fillStyle="#fff";a.ba();a.ln(250*z,-433);a.ln(0,-500);a.ln(0,0);a.fl()}t();x=y=i=k=0;A=[];B=[];a.strokeStyle="#666";a.fillStyle=q; c.onclick=function(b){with(a){x=b.clientX-232;y=b.clientY-557;ba();m=A[0];n=A[1];if(x>m-7&x<m+7&y>n-7&y<n+7){mv(m,n);for(j=0;j<A.length;j+=2)ln(A[j],A[j+1]);fl();B[k]=A;k++;A=[]}else if(A==0){sr(ac(A[0]=x,A[1]=y,1,0,M.PI*2,0));i=2}else{sr(ln(A[i-2],A[i-1]),ln(A[i]=x,A[i+1]=y));i+=2}}};g='<button onclick="';p="</button>";document.write("<br>"+g+'F()">Make a Flake!'+p+" "+g+'window.location.reload()">Clear'+p); function F(){a.re();a.ce(0,0,h,w);a.ta(w/2,h/2);a.sa(0.5,0.5);setInterval(function(){with(a){ce(-h,-w,h*2,w*2);rt(0.15*P);sv();for(m=0;m<2;m++){z=m==1?-1:1;for(n=0;n<6;n++){rt(60*P);t();sv();for(j in B){fillStyle=q;ba();for(l=0;l<B[j].length;l+=2)ln(B[j][l]*z,B[j][l+1]);fl()}re()}}re()}},30)};

Yy53aWR0aD13PWMuaGVpZ2h0PWg9NjAwO3E9IiMwMDAiO2Muc3R5bGUuY3NzVGV4dD0iYmFja2dyb3VuZDoiK3ErIjtjdXJzb3I6cG9pbnRlciI7TT1NYXRoO1A9TS5QSS8xODA7ej0xO2Zvcih4IGluIGEpYVt4WzBdKyh4WzZdfHx4WzJdKV09YVt4XTthLnN2KCk7YS50YSgyMjUsNTUwKTtmdW5jdGlvbiB0KCl7YS5maWxsU3R5bGU9IiNmZmYiO2EuYmEoKTthLmxuKDI1MCp6LC00MzMpO2EubG4oMCwtNTAwKTthLmxuKDAsMCk7YS5mbCgpfXQoKTt4PXk9aT1rPTA7QT1bXTtCPVtdO2Euc3Ryb2tlU3R5bGU9IiM2NjYiO2EuZmlsbFN0eWxlPXE7IGMub25jbGljaz1mdW5jdGlvbihiKXt3aXRoKGEpe3g9Yi5jbGllbnRYLTIzMjt5PWIuY2xpZW50WS01NTc7YmEoKTttPUFbMF07bj1BWzFdO2lmKHg+bS03Jng8bSs3Jnk+bi03Jnk8bis3KXttdihtLG4pO2ZvcihqPTA7ajxBLmxlbmd0aDtqKz0yKWxuKEFbal0sQVtqKzFdKTtmbCgpO0Jba109QTtrKys7QT1bXX1lbHNlIGlmKEE9PTApe3NyKGFjKEFbMF09eCxBWzFdPXksMSwwLE0uUEkqMiwwKSk7aT0yfWVsc2V7c3IobG4oQVtpLTJdLEFbaS0xXSksbG4oQVtpXT14LEFbaSsxXT15KSk7aSs9Mn19fTtnPSc8YnV0dG9uIG9uY2xpY2s9Iic7cD0iPC9idXR0b24+Ijtkb2N1bWVudC53cml0ZSgiPGJyPiIrZysnRigpIj5NYWtlIGEgRmxha2UhJytwKyIgIitnKyd3aW5kb3cubG9jYXRpb24ucmVsb2FkKCkiPkNsZWFyJytwKTsgZnVuY3Rpb24gRigpe2EucmUoKTthLmNlKDAsMCxoLHcpO2EudGEody8yLGgvMik7YS5zYSgwLjUsMC41KTtzZXRJbnRlcnZhbChmdW5jdGlvbigpe3dpdGgoYSl7Y2UoLWgsLXcsaCoyLHcqMik7cnQoMC4xNSpQKTtzdigpO2ZvcihtPTA7bTwyO20rKyl7ej1tPT0xPy0xOjE7Zm9yKG49MDtuPDY7bisrKXtydCg2MCpQKTt0KCk7c3YoKTtmb3IoaiBpbiBCKXtmaWxsU3R5bGU9cTtiYSgpO2ZvcihsPTA7bDxCW2pdLmxlbmd0aDtsKz0yKWxuKEJbal1bbF0qeixCW2pdW2wrMV0pO2ZsKCl9cmUoKX19cmUoKX19LDMwKX07

c.width=w=c.height=h=600;
			q='#000';
			c.style.cssText='background:'+q+';cursor:pointer';
			M=Math;
			P=M.PI/180;
			z=1;
			
			//assign shortcodes to context properties
			// modeled on Marijn Haverbeke's usage
			for(x in a){
				a[x[0]+(x[6]||x[2])]=a[x]
			}
			/*
			commonly used shortcodes for this demo:
			fc = fillRect
			ce = clearRect
			ac = arc
			rc= rect
			sv= save
			re= restore
			sa= scale
			rt= rotate
			ta= translate
			ba = beginPath
			mv= moveTo
			ln= lineTo
			fl= fill
			sr= stroke
			cL= createLinearGradient
			cR= createRadialGradient
			ci= clip
			*/
			
			a.sv();
					
			// starting triangle
			a.ta(225,550);
			function t(){
				a.fillStyle='#fff';
				a.ba();
				a.ln(250*z,-433);
				a.ln(0,-500);
				a.ln(0,0);
				a.fl()
			}
			t();
		
			// cut shapes out on user click
			x=y=i=k=0;
			A=[];
			B=[];
			a.strokeStyle='#666';
			a.fillStyle=q;
		
			c.onclick=function(e){
				with(a){
					x=e.clientX-232;
					y=e.clientY-557;
					ba();
					m=A[0];
					n=A[1];
					if(x>m-7&x<m+7&y>n-7&y<n+7){ // if click is on originating point, complete shape and fill polygon, store coordinates in array
						mv(m,n);
						for(j=0;j<A.length;j+=2){
							ln(A[j],A[j+1])						
						}
						fl();
						B[k]=A;
						k++;
						A=[]
					}
					
					else if(A==0){ // if click is first in polygon (array is empty), start new
						sr(ac(A[0]=x,A[1]=y,1,0,M.PI*2,0));
						i=2
					}
			
					else{ // add lines to current shape with each click
						sr(ln(A[i-2],A[i-1]),ln(A[i]=x,A[i+1]=y));
						i+=2
					}
				}
			}
		
			//buttons
				g='<button onclick="';
				p='</button>';
				document.write('<br>'+g+'F()">Make a Flake!'+p+' '+g+'window.location.reload()">Clear'+p);
		
			// redraw user's created shape on smaller scale from stored array, reflect/rotate/repeat into ***full-on*** snowflake
			function F(){
				a.re();
				a.ce(0,0,h,w);
				a.ta(w/2,h/2);
				a.sa(.5,.5);
				
				setInterval(function(){ // slowly rotate completed snowflake, for a finishing touch
					with(a){
						ce(-h,-w,h*2,w*2);
						rt(.15*P);
						sv();
			
						for(m=0;m<2;m++){
							z=(m==1)?-1:1; // reflect shape on second runthrough by multiplying x-coordinates by -1
							for(n=0;n<6;n++){
								rt(60*P); // rotate
								t(); //draw triangle
								sv();
								for(j in B){
									fillStyle=q;
									ba();
									for(l=0;l<B[j].length;l+=2){ // redraw user's shapes
										ln(B[j][l]*z,B[j][l+1])						
									}
									fl()
								}
								re()
							}
						}
						
						re()
					}
				},30)
			
			}