浏览器中的动画透明图像噪点
我正在尝试制作动画图像噪音,类似于游戏Limbo或Left4Dead。
噪音将不得不具有透明度,从选项中取出.gif。
我可以制作一个带有.png精灵表的div,并通过它制作动画,然后在整个网站上重复这个小div,但这听起来代价很高。
.apng会是最好的选择,但是确实不支持。
我能想到的唯一的其他选项是使用javascript生成噪声客户端,但是这听起来像可能导致巨大的浏览器fps下降。
任何想法stackoverflow?
Limbo的提及带来了一些美好的回忆。 在我感到无聊之前,在几分钟之内把它们扔在一起。 不完全确定你的问题后,但也许它可以用于一些关于如何处理这个问题的想法,这可能是我想要在jQuery中处理它的那种路线。
http://jsfiddle.net/eT7kH/1/
$(document).ready(function(){
var shades = new Array('#000000','#030303','#050505','#080808','#111111','#141414','#181818','#222222');
function alter_noise() {
$('.noise').css('background-color', shades[Math.floor(Math.random()*shades.length)]); // varying colour
$('.noise').css('opacity', '0.2' + (1 + Math.floor(Math.random() * 3))); // varying opacity
setTimeout(alter_noise, 50 + Math.floor(Math.random() * 100)); // varying update time
}
alter_noise();
});
链接地址: http://www.djcxy.com/p/89319.html