返回列表 發帖

JavaScript 粒子模擬系統 v0.2

Particle system written in pure Javascript v0.2
http://wilq32.googlepages.com/wilq32.particles
JavaScript 也可以這樣用...



作者在進行這個專案的同時,也學到了一些優化的技巧分享給大家:

  • 將元素隱藏、移動再顯示並不會比較快,直接用這樣去移動是比較快的:
    element.style.top="10px";
    element.style.left="10px";  
    
  • 移動物件的最快方法是直接改變 style 的屬性:
    element.setAttribute("style","left: 10px; top: 10px");
    但是在 IE 中,這招無效,最快的方式還是如第一點所述,將 top 和 left 分別指定。


不過再怎麼優化,Client 端的瀏覽器要跑出這樣的效果通常速度都很慢,經過實測,Google Chrome > FireFox > IE
還沒用過 Google Chrome 的人快去下載來試試看喔
To infinity and beyond!

返回列表 回復 發帖