2012-07-25 24 views
0

我有一個爲我的客戶設計的項目。它涉及類似老me.com網頁東西(不再向上)類似於me.com的jQuery簡單粒子

它看起來與此類似,雖然 http://lokeshdhakar.com/projects/mobileme-particles/

我想使用HTML CSS jQuery和不閃(她要求的閃光燈,嘗試告訴她的閃光燈是一種垂死的技術)

我有jQuery的經驗,但簡單的動畫和淡入淡出類型的東西 - 從來沒有粒子,並找不到教程就說我的語言。

我的目標基本上是製作一個醒目的頁面 - 中間有她的標誌,效果會像上面的URL例子那樣有點小粒子 - 但進入徽標,沒有出去。

沒有任何人有任何經驗,在這個或可能指向我的方向,我可以詳細瞭解一下..

我很快就會有一個工作頁面了..但想也許可以得到這個在那裏。

感謝, -O

////////////////////// 修訂需要更多幫助 ///////// /////////////

我有一個工作演示。但需要一些幫助jQuery的

我有一個小提琴http://jsfiddle.net/muhupower/cneJT/2/

  1. 我無法弄清楚如何直接與中央大大的LOGO背後的作用...

  2. 而且,後它是居中的,當你調整瀏覽器窗口大小時,效果不會居中。

  3. 這是一個有點困難的部分,是否有可能只是與粒子有一個一致的效果,而不是幾秒鐘後它會消失並重新啓動?

這也是上傳版本。 http://lillystreet.com/demo/

+0

我認爲在jQuery中的粒子是不好的做法。主要是因爲'.animate()'函數使用一個名爲'step'的參數。步驟被調用(我相信,默認是)每* 17 *毫秒。如果你有粒子,你可能會有數百個(如果不是數千個)同時發生的動畫函數。這將導致巨大的客戶端性能問題。您可以嘗試改變步驟以延長時間,但我仍然希望能夠解決問題。 – Ohgodwhy 2012-07-25 03:07:56

+0

我想我會提供一些建設性的,以及:你發送的鏈接是一個HTML5畫布,[這jsFiddle示例利用HTML5畫布](http://jsfiddle.net/Ohgodwhy/7VYY2/),你可以看到發生了什麼上。這種效果的功勞就是 - [thecodeplayer.com](http://thecodeplayer.com/walkthrough/html5-canvas-experiment-a-cool-flame-fire-effect-using-particles) – Ohgodwhy 2012-07-25 03:14:17

+0

我喜歡jsfiddle ,我會繼續混淆,以獲得我期待的效果。題?這是巨大的客戶端表現將成爲一個大問題?我計劃讓它成爲一個非常輕量級的粒子效果..沒有太多的粒子,沒有太多的其他100或以上的跡象慢慢地吸引着徽標...... – MuhuPower 2012-07-25 03:33:14

回答