EffectHub.com: your best source for gaming

Recommendation

More Effects...

var w = c.width = window.innerWidth,
    h = c.height = window.innerHeight,
    ctx = c.getContext( '2d' ),
    
    points = [],
    frame = 0,
    repaintAlpha = .04,
    
    mouse = {
      x: 0,
      y: 0
    };
ctx.lineWidth = .1;

function anim() {
  
  window.requestAnimationFrame( anim );
  
  ctx.fillStyle = 'rgba( 0, 0, 0, alp)'.replace( 'alp', repaintAlpha );
  ctx.fillRect( 0, 0, w, h );
  
  ++frame;
  
  ctx.translate( w/2, h/2 );
  ctx.rotate( frame * .01 );
  
  points.map( function( p ) { p.step() } );
  
  ctx.rotate( -frame * .01 );
  ctx.translate( -w/2, -h/2 );
}

for( var i = 0; i < 100; ++i ) points.push( new Point );
anim();

CSS

HTML

Recommendation

Join Effecthub.com