workerman/Applications/Todpole/Web/js/WaterParticle.js

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();
	};
}