Показать сообщение отдельно
  #1 (permalink)  
Старый 24.09.2011, 13:07
Профессор
Посмотреть профиль Найти все сообщения от Solovei95
 
Регистрация: 15.03.2011
Сообщений: 353

Анимация шума
Простая анимация шума!
Кстати, как запустить прямо здесь?
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded",function(){
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var timer = 0;

var shom = function(){

ctx.clearRect(0,0,canvas.width,canvas.height);
ctx.save();
ctx.fillStyle = "rgb(255,255,255)";
ctx.fillRect(0,0,canvas.width,canvas.height);
ctx.restore();
for(var i=0;i<4000;i++){
ctx.fillRect(Math.random()*canvas.width,Math.random()*canvas.height,1,1);
}

setTimeout(shom,50);
}
shom();

},false);
</script>
</head>
<body>
<canvas id="canvas" width="100" height="100"></canvas>
</body>
</html>

Последний раз редактировалось Solovei95, 27.09.2011 в 16:50.
Ответить с цитированием