var c = document.getElementById("c");var ctx = c.getContext("2d");//making the canvas full screen
c.height = window.innerHeight;
c.width = window.innerWidth;//chinese characters - taken from the unicode charsetvar chinese ="abcdefghijklmnoqrstuvwxyz!@#$";//converting the string into an array of single characters
chinese = chinese.split("");var font_size =20;var columns = c.width/font_size;//number of columns for the rain//an array of drops - one per columnvar drops =[];//x below is the x coordinate//1 = y co-ordinate of the drop(same for every drop initially)for(var x =0; x < columns; x++)
drops[x]=1;//drawing the charactersfunction draw(){//Black BG for the canvas//translucent BG to show trail
ctx.fillStyle ="rgba(0, 0, 0, 0.05)";
ctx.fillRect(0,0, c.width, c.height);
ctx.fillStyle ="#0F0";//green text
ctx.font = font_size +"px arial";}//looping over dropsfor(var i =0; i < drops.length; i++){//a random chinese character to printvar text = chinese[Math.floor(Math.random()*chinese.length)];//x = i*font_size, y = value of drops[i]*font_size
ctx.fillText(text, i*font_size, drops[i]*font_size);//sending the drop back to the top randomly after it has crossed the screen//adding a randomness to the reset to make the drops scattered on the Y axisif(drops[i]*font_size > c.height &&Math.random()>0.975)
drops[i]=0;//incrementing Y coordinate
drops[i]++;}}
setInterval(draw,33);
الخلفيه الي ورا سودا ابي اضيف صوره بداله وابي الحروف الي تتساقط ماترجع تتكرر
السؤال
Nawaf Nadi
الخلفيه الي ورا سودا ابي اضيف صوره بداله وابي الحروف الي تتساقط ماترجع تتكرر
تم التعديل في بواسطة Red Snip3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.