var WaterParticle = function() { var wp = this; wp.x = 0; wp.y = 0; wp.z = Math.random() * 1 + 0.3; wp.size = 1.2; wp.opacity = Math.random() * 0.8 + 0.1; wp.update = function(bounds) { if(wp.x == 0 || wp.y == 0) { wp.x = Math.random() * (bounds[1].x - bounds[0].x) + bounds[0].x; wp.y = Math.random() * (bounds[1].y - bounds[0].y) + bounds[0].y; } // Wrap around screen wp.x = wp.x < bounds[0].x ? bounds[1].x : wp.x; wp.y = wp.y < bounds[0].y ? bounds[1].y : wp.y; wp.x = wp.x > bounds[1].x ? bounds[0].x : wp.x; wp.y = wp.y > bounds[1].y ? bounds[0].y : wp.y; }; wp.draw = function(context) { // Draw circle context.fillStyle = 'rgba(226,219,226,'+wp.opacity+')'; //context.fillStyle = '#fff'; context.beginPath(); context.arc(wp.x, wp.y, this.z * this.size, 0, Math.PI*2, true); context.closePath(); context.fill(); }; }