用javascript實(shí)現(xiàn)模擬火焰

更新時(shí)間：2007年10月03日 22:04:52 作者：

不太像，而且比較耗資原，不知道有沒(méi)有更好的辦法=.=

<html> <head> <title>火焰</title> <script language="JavaScript"> function PixelAxis(left, bottom, width, height, color) {     color = color || "#000000";     var pixels = [];     for(var i = 0; i <= width; i++)     {         pixels[i] = [];         for(var j = 0; j<=height; j++)         {             var img = new Image(1, 1);             img.style.backgroundColor = color;             img.style.position = "absolute";             img.style.left = left + i;             img.style.top = bottom - j;             pixels[i][j] = img;             document.body.appendChild(img);         }     }     return function(x, y, color)     {         pixels[x][y].style.backgroundColor = color;     } } function color(r, g ,b) {     r = r > 0xF ? r.toString(16) : "0" + r.toString(16);     g = g > 0xF ? g.toString(16) : "0" + g.toString(16);     b = b > 0xF ? b.toString(16) : "0" + b.toString(16);     return "#"+r+g+b; } function fireColor(seed) {     return color(seed, Math.floor(0.5*seed), 0); } function spreadSeeds(width, height) {     var pixel = PixelAxis(200, 200, width, height);     var fc = [];     fc[0] = [];     return function()     {         for(var i = 0; i <= width; i++)         {             var s = Math.floor(255 * Math.random());             fc[0][i] = s;             pixel(i, 0, fireColor(s));         }         for(var i = 1; i < height; i++)         {             fc[i] = [];             for(var j = 0; j <= width; j++)             {                 var a = j > 0 ? fc[i-1][j-1] : 0;                 var b = fc[i-1][j];                 var c = j < width ? fc[i-1][j+1] : 0;                 var s = Math.floor((a+b+c)/3);                 //alert(c);                 fc[i][j] = s;                 s = s-Math.floor(i/height*255);                  s = s > 0 ? s : 0;                 pixel(j, i, fireColor(s));             }         }     } } </script> </head> <body bgcolor="#000000"> </body> <script>     var f = spreadSeeds(60, 120);     setInterval("f()",1); </script> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

用javascript實(shí)現(xiàn)模擬火焰

相關(guān)文章

初學(xué)js插入節(jié)點(diǎn)appendChild insertBefore使用方法
由于可見(jiàn)insertBefore()方法的特性是在已有的子節(jié)點(diǎn)前面插入新的節(jié)點(diǎn)但是兩種情況結(jié)合起來(lái)發(fā)現(xiàn)insertBefore()方法插入節(jié)點(diǎn)，是可以在子節(jié)點(diǎn)列表的任意位置。
2011-07-07
js遍歷獲取表格內(nèi)數(shù)據(jù)的方法(必看)
下面小編就為大家?guī)?lái)一篇js遍歷獲取表格內(nèi)數(shù)據(jù)的方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04
JS實(shí)現(xiàn)跟隨鼠標(biāo)閃爍轉(zhuǎn)動(dòng)色塊的方法
這篇文章主要介紹了JS實(shí)現(xiàn)跟隨鼠標(biāo)閃爍轉(zhuǎn)動(dòng)色塊的方法,涉及javascript操作html元素及css樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
javascript 動(dòng)態(tài)腳本添加的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇javascript 動(dòng)態(tài)腳本添加的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
layui按條件隱藏表格列的實(shí)例
今天小編就為大家分享一篇layui按條件隱藏表格列的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JavaScript中0和""比較引發(fā)的問(wèn)題
這篇文章主要介紹了JavaScript中0和""比較引發(fā)的問(wèn)題,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-05-05
js實(shí)現(xiàn)計(jì)時(shí)器秒表功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)計(jì)時(shí)器秒表功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
JavaScript實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)可視化的示例詳解
動(dòng)態(tài)數(shù)據(jù)可視化能夠?qū)⒋罅繑?shù)據(jù)以直觀、生動(dòng)的方式呈現(xiàn),幫助用戶更好地理解和分析數(shù)據(jù),本文主要為大家介紹了如何使用JavaScript實(shí)現(xiàn)這一功能,需要的可以參考下
2024-02-02
js在Firefox與IE中對(duì)DOM對(duì)像的引用的比較
直接用ID屬性進(jìn)行引用直接用NAME屬性進(jìn)行引用使用getElementById(),getElementsByName(),getElementsByTagName()進(jìn)行引用
2009-06-06
r.js來(lái)合并壓縮css文件的示例
這篇文章主要介紹了r.js來(lái)合并壓縮css文件的示例代碼，在r5下新建一個(gè)css文件夾，里面有四個(gè)css文件：main.css、nav.css、form.css、grid.css，具體示例代碼大家參考下本文
2018-04-04