html代码在线模拟,HTML5 Canvas粒子模拟效果

本文作者html5tricks，转载请注明出处

这是一款利用

HTML代码：

30,000 Particles

A study creating performant particles with Canvas 2D

Use your mouse

下面是粒子动画相关的JavaScript代码：

if ( !window.requestAnimationFrame ) {

window.requestAnimationFrame = ( function() {

return window.webkitRequestAnimationFrame ||

window.mozRequestAnimationFrame ||

window.oRequestAnimationFrame ||

window.msRequestAnimationFrame ||

function( /* function FrameRequestCallback */ callback, /* DOMElement Element */ element ) {

window.setTimeout( callback, 1000 / 60 );

};

} )();

}

完整的代码请大家自己下载研究。