使用Javascript - 粒子生成和光標跟蹤

我需要一塊，其產生的「粒子」（只是小白圈），我需要的代碼即可製作動畫的JavaScript代碼（讓他們漩渦周圍的某個點隨機）... （這個代碼背後的物理不應該太難，我只是不知道多少JavaScript，所以我不知道如何移動一個「粒子」對象，一旦它生成），並跟蹤光標的位置，所以我可以使指向他們「旋轉」是光標的位置。使用Javascript - 粒子生成和光標跟蹤

所以，我的4個問題如下：

怎樣才能也許在javascript 50圈？

我如何才能將他們（我只需要代碼的定時器（所以每間隔我可以基於一個數學公式我會右）和實際移動對象的x和y位置的代碼移到圓）

我該如何讓它們始終位於頂部（z-索引調整碼？）

如何檢測光標的位置？

我不知道任何JavaScript，但我可以很快拿起代碼，所以任何有關粒子生成或光標位置跟蹤的參考將是很好的。（我不要求你爲我哈哈代碼時，不是說你不能，但是這不是我在問什麼......就這樣我不要讓攻擊）

來源

2013-02-04 Albert Renshaw

你應該問一個問題的時間，這就是SO方式，保持了問題在未來 –

更多有用的我還沒有試過什麼，我是新來的JavaScript！ :) –

怎樣才能也許50圈的JavaScript？

var particles=[]; 
for($i=0;$i<50;$i++){ 
    var p = document.createElement("div"); 
    //add class/style/whatever to p 
    //make thier postion fixed and set top/left values 
    particles.push[p];//keep track of particles; 
}

我如何才能將他們（我只需要代碼的定時器（所以每間隔我可以基於一個數學公式我會右）和實際移動對象的x和y位置的代碼移到了一圈）

我怎樣才能讓他們總是在最上層（z-index的調整代碼嗎？）

z-index:2;

如何檢測光標的位置？

add an event listener for mousemove, set variables mouseX, mouseY 
and update those when the mouse is moved

一些教程，我寫，可以幫助 http://howtohtml5.com/2011/08/12/html5-falls/ http://howtohtml5.com/2011/08/29/twinkle-twinkle-little-html5/

來源

2013-02-04 20:02:44

非常有幫助，謝謝你...你有將被稱爲第二或東西，我可以在粒子陣列中創建移動每一個粒子的每1/10任何代碼？ –

的setInterval（函數（）{// 做運動 }，100）; –

謝謝！所以我只是說particles.push [i]，然後將該粒子的絕對頂部和左側值設置爲我需要的值？ –

使用Javascript - 粒子生成和光標跟蹤

回答

相關問題