管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

用javascript实现模拟火焰

　　不太像，而且比较耗资原，不知道有没有更好的办法=.=

　　

<html> 
<head> 
<title>火焰</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0Afunction%20PixelAxis(left%2C%20bottom%2C%20width%2C%20height%2C%20color)%20%0D%0A%7B%20%0D%0A%20%20%20%20color%20%3D%20color%20%7C%7C%20%22%23000000%22%3B%20%0D%0A%20%20%20%20var%20pixels%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20for(var%20i%20%3D%200%3B%20i%20%3C%3D%20width%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20pixels%5Bi%5D%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20for(var%20j%20%3D%200%3B%20j%3C%3Dheight%3B%20j%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20img%20%3D%20new%20Image(1%2C%201)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20img.style.backgroundColor%20%3D%20color%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20img.style.position%20%3D%20%22absolute%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20img.style.left%20%3D%20left%20%2B%20i%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20img.style.top%20%3D%20bottom%20-%20j%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20pixels%5Bi%5D%5Bj%5D%20%3D%20img%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20document.body.appendChild(img)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20return%20function(x%2C%20y%2C%20color)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20pixels%5Bx%5D%5By%5D.style.backgroundColor%20%3D%20color%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20color(r%2C%20g%20%2Cb)%20%0D%0A%7B%20%0D%0A%20%20%20%20r%20%3D%20r%20%3E%200xF%20%3F%20r.toString(16)%20%3A%20%220%22%20%2B%20r.toString(16)%3B%20%0D%0A%20%20%20%20g%20%3D%20g%20%3E%200xF%20%3F%20g.toString(16)%20%3A%20%220%22%20%2B%20g.toString(16)%3B%20%0D%0A%20%20%20%20b%20%3D%20b%20%3E%200xF%20%3F%20b.toString(16)%20%3A%20%220%22%20%2B%20b.toString(16)%3B%20%0D%0A%20%20%20%20return%20%22%23%22%2Br%2Bg%2Bb%3B%20%0D%0A%7D%20%0D%0Afunction%20fireColor(seed)%20%0D%0A%7B%20%0D%0A%20%20%20%20return%20color(seed%2C%20Math.floor(0.5*seed)%2C%200)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20spreadSeeds(width%2C%20height)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20pixel%20%3D%20PixelAxis(200%2C%20200%2C%20width%2C%20height)%3B%20%0D%0A%20%20%20%20var%20fc%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20fc%5B0%5D%20%3D%20%5B%5D%3B%20%0D%0A%0D%0A%20%20%20%20return%20function()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20for(var%20i%20%3D%200%3B%20i%20%3C%3D%20width%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20s%20%3D%20Math.floor(255%20*%20Math.random())%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20fc%5B0%5D%5Bi%5D%20%3D%20s%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20pixel(i%2C%200%2C%20fireColor(s))%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20for(var%20i%20%3D%201%3B%20i%20%3C%20height%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20fc%5Bi%5D%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20for(var%20j%20%3D%200%3B%20j%20%3C%3D%20width%3B%20j%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20a%20%3D%20j%20%3E%200%20%3F%20fc%5Bi-1%5D%5Bj-1%5D%20%3A%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20b%20%3D%20fc%5Bi-1%5D%5Bj%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20c%20%3D%20j%20%3C%20width%20%3F%20fc%5Bi-1%5D%5Bj%2B1%5D%20%3A%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20s%20%3D%20Math.floor((a%2Bb%2Bc)%2F3)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2Falert(c)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fc%5Bi%5D%5Bj%5D%20%3D%20s%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20s%20%3D%20s-Math.floor(i%2Fheight*255)%3B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20s%20%3D%20s%20%3E%200%20%3F%20s%20%3A%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20pixel(j%2C%20i%2C%20fireColor(s))%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%3C%2Fscript%3E"> 
</head> 
<body bgcolor="#000000">

</body> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%20%20%20%20var%20f%20%3D%20spreadSeeds(60%2C%20120)%3B%20%0D%0A%20%20%20%20setInterval(%22f()%22%2C1)%3B%20%0D%0A%3C%2Fscript%3E"> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程