aşağıdaki script kodlarını açıklayabilir misiniz (anlatabilir misiniz)?
Kodlar :
<script> 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 charset var chinese = "田由甲申甴电甶男甸甹町画甼甽甾甿畀畁畂畃畄畅畆畇畈畉畊畋界畍畎畏畐畑"; //converting the string into an array of single characters chinese = chinese.split("");
var font_size = 18; var columns = c.width/font_size; //number of columns for the rain //an array of drops - one per column var 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 characters function 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 drops for(var i = 0; i < drops.length; i++) { //a random chinese character to print var 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 axis if(drops[i]*font_size > c.height && Math.random() > 0.975) drops[i] = 0;
//incrementing Y coordinate drops[i]++; } }
setInterval(draw, 33); </script>
Lütfen yardım edin.
Cevaplarınız için şimdiden çok teşekkür ederim.
İyi günler dileğiyle.
Bunlar canvas'a yukarıdan aşağı karakterlerin aktığı Matrix animasyonu çizen kodlar.
Evet bu kodları acemi kişilerin anlayacağı şekilde anlatacak varsa ben de öğrenmek isterim.
yeni mesaja git
Yeni mesajları sizin için sürekli kontrol ediyoruz, bir mesaj yazılırsa otomatik yükleyeceğiz.Bir Daha Gösterme