js实现canvas窗外玻璃雨滴下滑落下下雨动画效果代码
代码语言:html
所属分类:动画
代码描述:js实现canvas窗外玻璃雨滴下滑落下下雨动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style media="screen" type="text/css"> img { display: none; } body { overflow: hidden; } #canvas { position: absolute; top: 0px; left: 0px; } </style> <script type="text/javascript"> /** * Defines a new instance of the rainyday.js. * @param canvasid DOM id of the canvas used for rendering * @param sourceid DOM id of the image element used as background image * @param width width of the rendering * @param height height of the rendering * @param opacity opacity attribute value of the glass canvas (default: 1) * @param blur blur radius (default: 20) */ function RainyDay(canvasid, sourceid, width, height, opacity, blur) { this.canvasid = canvasid; this.canvas = document.getElementById(canvasid); this.sourceid = sourceid; this.img = document.getElementById(sourceid); // draw and blur the backgroiund image this.prepareBackground(blur ? blur : 20, width, height); this.w = this.canvas.width; this.h = this.canvas.height; // create the glass canvas this.prepareGlass(opacity ? opacity : 1); // assume default reflection mechanism this.reflection = this.REFLECTION_MINIATURE; // assume default trail mechanism this.trail = this.TRAIL_DROPS; // assume default gravity this.gravity = this.GRAVITY_NON_LINEAR; // drop size threshold for the gravity algorhitm this.VARIABLE_GRAVITY_THRESHOLD = 3; // gravity angle this.VARIABLE_GRAVITY_ANGLE = Math.PI / 2; // frames per second animation speed this.VARIABLE_FPS = 25; // context fill style when no REFLECTION_NONE is used this.VARIABLE_FILL_STYLE = '#8ED6FF'; // collisions enabled by default this.VARIABLE_COLLISIONS = false; // assume default collision algorhitm this.collision = this.COLLISION_SIMPLE; } /** * Create the helper canvas for rendering raindrop reflections. */ RainyDay.prototype.prepareReflections = function() { // new canvas this.reflected = document.createElement('canvas'); this.reflected.width = this.canvas.width; this.reflected.height = this.canvas.height; var ctx = this.reflected.getContext('2d'); // rotate by 180 degress ctx.translate(this.reflected.width / 2, this.reflected.height / 2); ctx.rotate(Math.PI); ctx.drawImage(this.img, -this.reflected.width / 2, -this.reflected.height / 2, this.reflected.width, this.reflected.height); }; /** * Create the glass canvas and position it directly over the main one. * @param opacity opacity attribute value of the glass canvas */ RainyDay.prototype.prepareGlass = function(opacity) { this.glass = document.createElement('canvas'); this.glass.width = this.canvas.width; this.glass.height = this.canvas.height; this.glass.style.position = "absolute"; this.glass.style.top = this.canvas.offsetTop; this.glass.style.left = this.canvas.offsetLeft; this.glass.style.zIndex = this.canvas.style.zIndex + 100; this.canvas.parentNode.appendChild(this.glass); this.context = this.glass.getContext('2d'); this.glass.style.opacity = opacity; }; /** * Creates a new preset object with given attributes. * @param min minimum size of a drop * @param base base value for randomizing drop size * @param quan probability of selecting this preset (must be between 0 and 1) * @returns present object with given attributes */ RainyDay.prototype.preset = function(min, base, quan) { return { "min": min, "base": base, "quan": quan } }; /** * Main function for starting rain rendering. * @param presets list of presets to be applied * @param speed speed of the animation (if not provided or 0 static image will be generated) */ RainyDay.prototype.rain = function(presets, speed) { // prepare canvas for drop reflections if (this.reflection != this.REFLECTION_NONE) { this.prepareReflections(); } if (speed > 0) { // animation this.presets = presets; this.PRIVATE_GRAVITY_FORCE_FACTOR_Y = (this.VARIABLE_FPS * 0.005) / 25; this.PRIVATE_GRAVITY_FORCE_FACTOR_X = ((Math.PI / 2) - this.VARIABLE_GRAVITY_ANGLE) * (this.VARIABLE_FPS * 0.005) / 50; // prepare gravity matrix if (this.VARIABLE_COLLISIONS) { // calculate max radius of a drop to establish gravity matrix resolution var maxDropRadius = 0; for (var i = 0; i < presets.length; i++) { if (presets[i].base + presets[i].min > maxDropRadius) { maxDropRadius = Math.floor(presets[i].base + presets[i].min); } } if (maxDropRadius > 0) { // initialize the gravity matrix var mwi = Math.ceil(this.w / maxDropRadius); var mhi = Math.ceil(this.h / maxDropRadius); this.matrix = new CollisionMatrix(mwi, mhi, maxDropRadius); } else { this.VARIABLE_COLLISIONS = false; } } setInterval( (function(self) { return function() { var random = Math.random(); // select matching preset var preset; for (var i = 0; i < presets.length; i++) { if (random < presets[i].quan) { preset = presets[i]; break; } } if (preset) { self.putDrop(new Drop(self, Math.random() * self.w, Math.random() * self.h, preset.min, preset.base)); } } })(this), speed ); } else { // static picture for (var i = 0; i < presets.length; i++) { var preset = presets[i]; for (var c = 0; c < preset.quan; ++c) { this.putDrop(new Drop(this, Math.random() * this.w, Math.random() * this.h, preset.min, preset.base)); } } } }; /** * Adds a new raindrop to the animation. * @param drop drop object to be added to the animation */ RainyDay.prototype.putDrop = function(drop) { drop.draw(); if (this.gravity && drop.r1 > this.VARIABLE_GRAVITY_THRESHOLD) { if (this.VARIABLE_COLLISIONS) { // put on the gravity matrix this.matrix.update(drop); } drop.animate(); } }; /** * Imperfectly approximates shape of a circle. * @param iterations number of iterations applied to the size approximation algorithm * @returns list of points approximating a circle shape */ RainyDay.prototype.getLinepoints = function(iterations) { var pointList = {}; pointList.first = { x: 0, y: 1 }; var lastPoint = { x: 1, y: 1 } var minY = 1; var maxY = 1; var point; var nextPoint; var dx, newX, newY; pointList.first.next = lastPoint; for (var i = 0; i < iterations; i++) { point = pointList.first; while (point.next != null) { nextPoint = point.next; dx = nextPoint.x - point.x; newX = 0.5 * (point.x + nextPoint.x); newY = 0.5 * (point.y + nextPoint.y); newY += dx * (Math.random() * 2 - 1); var newPoint = { x: newX, y: newY }; //min, max if (newY < minY) { minY = newY; } else if (newY > maxY) { maxY = newY; } //put between points newPoint.next = nextPoint; point.next = newPoint; point = nextPoint; } } //normalize to values between 0 and 1 if (maxY != minY) { var normalizeRate = 1 / (maxY - minY); point = pointList.first; while (point != null) { point.y = normalizeRate * (point.y - minY); point = point.next; } } else { point = pointList.first; while (point != null) { point.y = 1; point = point.next; } } return pointList; }; /** * Defines a new raindrop object. * @param rainyday reference to the parent object * @param centerX x position of the center of this drop * @param centerY y position of the center of this drop * @param min minimum size of a drop * @param base base value for randomizing drop size */ function Drop(rainyday, centerX, centerY, min, base) { this.x = Math.floor(centerX); this.y = Math.floor(centerY); this.r1 = (Math.random() * base) + min; this.rainyday = rainyday; var iterations = 4; this.r2 = 0.8 * this.r1; this.linepoints = rainyday.getLinepoints(iterations); this.context = rainyday.context; this.reflection = rainyday.reflected; } /** * Draws a raindrop on canvas at the current position. */ Drop.prototype.draw = function() { var phase = 0; var point; var rad, theta; var x0, y0; this.context.save(); this.context.beginPath(); point = this.linepoints.first; theta = phase; rad = this.r2 + 0.5 * Math.random() * (this.r2 - this.r1); x0 = this.x + rad * Math.cos(theta); y0 = this.y + rad * Math.sin(theta); this.context.lineTo(x0, y0); while (point.next != null) { point = point.next; theta = (Math.PI * 2 * point.x) + phase; rad = this.r2 + 0.5 * Math.random() * (this.r2 - this.r1); x0 = this.x + rad * Math.cos(theta); y0 = this.y + rad * Math.sin(theta); this.context.lineTo(x0, y0); } this.context.clip(); if (this.rainyday.reflection) { this.rainyday.reflection(this); } this.context.restore(); }; /** * Clears the raindrop region. * @param force force stop * @returns true if the animation is stopped */ Drop.prototype.clear = function(force) { this.context.clearRect(this.x - this.r1 - 1, this.y - this.r1 - 1, 2 * this.r1 + 2, 2 * this.r1 + 2); if (force) { // forced clearInterval(this.intid); return true; } if (this.y - this.r1 > this.rainyday.h) { // over the bottom edge, stop the thread clearInterval(this.intid); return true; } if ((this.x - this.r1 > this.rainyday.w) || (this.x + this.r1 < 0)) { // over the right or left edge, stop the thread clearInterval(this.intid); return true; } return false; }; /** * Moves the raindrop to a new position according to the gravity. */ Drop.prototype.animate = function() { this.intid = setInterval( (function(self) { return function() { var stopped = self.rainyday.gravity(self); if (!stopped && self.rainyday.trail) { self.rainyday.trail(self); } if (self.rainyday.VARIABLE_COLLISIONS) { var collision = self.rainyday.matrix.update(self, stopped); if (collision) { self.rainyday.collision(self, collision.drop); } } } })(this), Math.floor(1000 / this.rainyday.VARIABLE_FPS) ); }; /** * TRAIL function: no trail at all * @param drop raindrop object */ RainyDay.prototype.TRAIL_NONE = function(drop) { // nothing going on here }; /** * TRAIL function: trail of small drops (default) * @param drop raindrop object */ RainyDay.prototype.TRAIL_DROPS = function(drop) { if (!drop.trail_y || drop.y - drop.trail_y >= Math.random() * 10 * drop.r1) { drop.trail_y = drop.y; this.putDrop(new Drop(this, drop.x, drop.y - drop.r1 - 5, 0, Math.ceil(drop.r1 / 5))); } }; /** * GRAVITY function: no gravity at all * @param drop raindrop object * @returns true if the animation is stopped */ RainyDay.prototype.GRAVITY_NONE = function(drop) { return true; }; /** * GRAVITY function: linear gravity * @param drop raindrop object * @returns true if the animation is stopped */ RainyDay.prototype.GRAVITY_LINEAR = function(drop) { if (drop.clear()) { return true; } if (drop.yspeed) { drop.yspeed += this.PRIVATE_GRAVITY_FORCE_FACTOR_Y * Math.floor(drop.r1); drop.xspeed += this.PRIVATE_GRAVITY_FORCE_FACTOR_X * Math.floor(drop.r1); } else { drop.yspeed = this.PRIVATE_GRAVITY_FORCE_FACTOR_Y; drop.xspeed = this.PRIVATE_GRAVITY_FORCE_FACTOR_X; } drop.y += drop.yspeed; drop.draw(); return false; }; /** * GRAVITY function: non-linear gravity (default) * @param drop raindrop object * @returns true if the animation is stopped */ RainyDay.prototype.GRAVITY_NON_LINEAR = function(drop) { if (drop.clear()) { return true; } if (!drop.seed || drop.seed < 0) { drop.seed = Math.floor(Math.random() * this.VARIABLE_FPS); drop.skipping = drop.skipping == false ? true : false; drop.slowing = true; } drop.seed--; if (drop.yspeed) { if (drop.slowing) { drop.yspeed /= 1.1; drop.xspeed /= 1.1; if (drop.yspeed < this.PRIVATE_GRAVITY_FORCE_FACTOR_Y) { drop.slowing = false; } } else if (drop.skipping) { drop.yspeed = this.PRIVATE_GRAVITY_FORCE_FACTOR_Y; drop.xspeed = this.PRIVATE_GRAVITY_FORCE_FACTOR_X; } else { drop.yspeed += 10 * this.PRIVATE_GRAVITY_FORCE_FACTOR_Y * Math.floor(drop.r1); drop.xspeed += 10 * this.PRIVATE_GRAVITY_FORCE_FACTOR_X * Math.floor(drop.r1); } } else { drop.yspeed = this.PRIVATE_GRAVITY_FORCE_FACTOR_Y; drop.xspeed = this.PRIVATE_GRAVITY_FORCE_FACTOR_X; } drop.y += drop.yspeed; drop.x += drop.xspeed; drop.draw(); return false; }; /** * REFLECTION function: no reflection at all * @param drop raindrop object */ RainyDay.prototype.REFLECTION_NONE = function(drop) { this.context.fillStyle = this.VARIABLE_FILL_STYLE; this.context.fill(); }; /** * REFLECTION function: miniature reflection (default) * @param drop raindrop object */ RainyDay.prototype.REFLECTION_MINIATURE = function(drop) { this.context.drawImage(this.reflected, drop.x - drop.r1, drop.y - drop.r1, drop.r1 * 2, drop.r1 * 2); }; /** * COLLISION function: default collision implementation * @param drop1 one of the drops colliding * @param drop2 the other one */ RainyDay.prototype.COLLISION_SIMPLE = function(drop1, drop2) { drop1.clear(); // force stopping the second drop drop2.clear(true); drop1.x = (drop1.x + drop2.x) / 2; drop1.y = (drop1.y + drop2.y) / 2; }; var mul_table = [ 512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512, 454, 405, 364, 328, 298, 271, 496, 456, 420, 388, 360, 335, 312, 292, 273, 512, 482, 454, 428, 405, 383, 364, 345, 328, 312, 298, 284, 271, 259, 496, 475, 456, 437, 420, 404, 388, 374, 360, 347, 335, 323, 312, 302, 292, 282, 273, 265, 512, 497, 482, 468, 454, 441, 428, 417, 405, 394, 383, 373, 364, 354, 345, 337, 328, 320, 312, 305, 298, 291, 284, 278, 271, 265, 259, 507, 496, 485, 475, 465, 456, 446, 437, 428, 420, 412, 404, 396, 388, 381, 374, 367, 360, 354, 347, 341, 335, 329, 323, 318, 312, 307, 302, 297, 292, 287, 282, 278, 273, 269, 265, 261, 512, 505, 497, 489, 482, 475, 468, 461, 454, 447, 441, 435, 428, 422, 417, 411, 405, 399, 394, 389, 383, 378, 373, 368, 364, 359, 354, 350, 345, 341, 337, 332, 328, 324, 320, 316, 312, 309, 305, 301, 298, 294, 291, 287, 284, 281, 278, 274, 271, 268, 265, 262, 259, 257, 507, 501, 496, 491, 485, 480, 475, 470, 465, 460, 456, 451, 446, 442, 437, 433, 428, 424, 420, 416, 412, 408, 404, 400, 396, 392, 388, 385, 381, 377, 374, 370, 367, 363, 360, 357, 354, 350, 347, 344, 341, 338, 335, 332, 329, 326, 323, 320, 318, 315, 312, 310, 307, 304, 302, 299, 297, 294, 292, 289, 287, 285, 282, 280, 278, 275, 273, 271, 269, 267, 265, 263, 261, 259 ]; var shg_table = [ 9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17, 17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24 ]; /** * Resizes canvas, draws original image and applies bluring algorithm. * @param radius blur radius to be applied * @param width width of the canvas * @param height height of the canvas */ RainyDay.prototype.prepareBackground = function(radius, width, height) { if (width && height) { this.canvas.style.width = width + "px"; this.canvas.style.height = height + "px"; this.canvas.width = width; this.canvas.height = height; } else { width = this.canvas.width; height = this.canvas.height; } var context = this.canvas.getContext("2d"); context.clearRect(0, 0, width, height); context.drawImage(this.img, 0, 0, width, height); if (isNaN(radius) || radius < 1) return; this.stackBlurCanvasRGB(0, 0, width, height, radius); }; /** * Implements the Stack Blur Algorithm (@see http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html). * @param top_x x of top-left corner of the blurred rectangle * @param top_y y of top-left corner of the blurred rectangle * @param width width of the canvas * @param height height of the canvas * @param radius blur radius */ RainyDay.prototype.stackBlurCanvasRGB = function(top_x, top_y, width, height, radius) { radius |= 0; var context = this.canvas.getContext("2d"); var imageData = context.getImageData(top_x, top_y, width, height); var pixels = imageData.data; var x, y, i, p, yp, yi, yw, r_sum, g_sum, b_sum, r_out_sum, g_out_sum, b_out_sum, r_in_sum, g_in_sum, b_in_sum, pr, pg, pb, rbs; var div = radius + radius + 1; var w4 = width << 2; var widthMinus1 = width - 1; var heightMinus1 = height - 1; var radiusPlus1 = radius + 1; var sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2; var stackStart = new BlurStack(); var stack = stackStart; for (i = 1; i < div; i++) { stack = stack.next = new BlurStack(); if (i == radiusPlus1) var stackEnd = stack; } stack.next = stackStart; var stackIn = null; var stackOut = null; yw = yi = 0; var mul_sum = mul_table[radius]; var shg_sum = shg_table[radius]; for (y = 0; y < height; y++) { r_in_sum = g_in_sum = b_in_sum = r_sum = g_sum = b_sum = 0; r_out_sum = radiusPlus1 * (pr = pixels[yi]); g_out_sum = radiusPlus1 * (pg = pixels[yi + 1]); b_out_sum = radiusPlus1 * (pb = pixels[yi + 2]); r_sum += sumFactor * pr; g_sum += sumFactor * pg; b_sum += sumFactor * pb; stack = stackStart; for (i = 0; i < radiusPlus1; i++) { stack.r = pr; stack.g = pg; stack.b = pb; stack = stack.next; } for (i = 1; i < radiusPlus1; i++) { p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2); r_sum += (stack.r = (pr = pixels[p])) * (rbs = radiusPlus1 - i); g_sum += (stack.g = (pg = pixels[p + 1])) * rbs; b_sum += (stack.b = (pb = pixels[p + 2])) * rbs; r_in_sum += pr; g_in_sum += pg; b_in_sum += pb; stack = stack.next; } stackIn = stackStart; stackOut = stackEnd; for (x = 0; x < width; x++) { pixels[yi] = (r_sum * mul_sum) >> shg_sum; pixels[yi + 1] = (g_sum * mul_sum) >> shg_sum; pixels[yi + 2] = (b_sum * mul_sum) >> shg_sum; r_sum -= r_out_sum; g_sum -= g_out_sum; b_sum -= b_out_sum; r_out_sum -= stackIn.r; g_out_sum -= stackIn.g; b_out_sum -= stackIn.b; p = (yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1)) << 2; r_in_sum += (stackIn.r = pixels[p]); g_in_sum += (stackIn.g = pixels[p + 1]); b_in_sum += (stackIn.b = pixels[p + 2]); r_sum += r_in_sum; g_sum += g_in_sum; b_sum += b_in_sum; stackIn = stackIn.next; r_out_sum += (pr = stackOut.r); g_out_sum += (pg = stackOut.g); b_out_sum += (pb = stackOut.b); r_in_sum -= pr; g_in_sum -= pg; b_in_sum -= pb; stackOut = stackOut.next; yi += 4; } yw += width; } for (x = 0; x < width; x++) { g_in_sum = b_in_sum = r_in_sum = g_sum = b_sum = r_sum = 0; yi = x << 2; r_out_sum = radiusPlus1 * (pr = pixels[yi]); g_out_sum = radiusPlus1 * (pg = pixels[yi + 1]); b_out_sum = radiusPlus1 * (pb = pixels[yi + 2]); r_sum += sumFactor * pr; g_sum += sumFactor * pg; b_sum += sumFactor * pb; stack = stackStart; for (i = 0; i < radiusPlus1; i++) { stack.r = pr; stack.g = pg; stack.b = pb; stack = stack.next; } yp = width; for (i = 1; i <= radius; i++) { yi = (yp + x) << 2; r_sum += (stack.r = (pr = pixels[yi])) * (rbs = radiusPlus1 - i); g_sum += (stack.g = (pg = pixels[yi + 1])) * rbs; b_sum += (stack.b = (pb = pixels[yi + 2])) * rbs; r_in_sum += pr; g_in_sum += pg; b_in_sum += pb; stack = stack.next; if (i < heightMinus1) { yp += width; } } yi = x; stackIn = stackStart; stackOut = stackEnd; for (y = 0; y < height; y++) { p = yi << 2; pixels[p] = (r_sum * mul_sum) >> shg_sum; pixels[p + 1] = (g_sum * mul_sum) >> shg_sum; pixels[p + 2] = (b_sum * mul_sum) >> shg_sum; r_sum -= r_out_sum; g_sum -= g_out_sum; b_sum -= b_out_sum; r_out_sum -= stackIn.r; g_out_sum -= stackIn.g; b_out_sum -= stackIn.b; p = (x + (((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width)) << 2; r_sum += (r_in_sum += (stackIn.r = pixels[p])); g_sum += (g_in_sum += (stackIn.g = pixels[p + 1])); b_sum += (b_in_sum += (stackIn.b = pixels[p + 2])); stackIn = stackIn.next; r_out_sum += (pr = stackOut.r); g_out_sum += (pg = stackOut.g); b_out_sum += (pb = stackOut.b); r_in_sum -= pr; g_in_sum -= pg; b_in_sum -= pb; stackOut = stackOut.next; yi += width; } } context.putImageData(imageData, top_x, top_y); }; /** * Defines a new helper object for Stack Blur Algorithm. */ function BlurStack() { this.r = 0; this.g = 0; this.b = 0; this.a = 0; this.next = null; } /** * Defines a gravity matrix object which handles collision detection. * @param x number of columns in the matrix * @param y number of rows in the matrix * @param r grid size */ function CollisionMatrix(x, y, r) { this.resolution = r; this.xc = x; this.yc = y; this.matrix = new Array(x); for (var i = 0; i <= (x + 5); i++) { this.matrix[i] = Array(y); for (var j = 0; j <= (y + 5); ++j) { this.matrix[i][j] = new DropItem(null); } } } /** * Updates position of the given drop on the collision matrix. * @param drop raindrop to be positioned/repositioned * @forceDelete if true the raindrop will be removed from the matrix * @returns collisions if any */ CollisionMatrix.prototype.update = function(drop, forceDelete) { if (drop.gid) { this.matrix[drop.gmx][drop.gmy].remove(drop); if (forceDelete) { return null; } drop.gmx = Math.floor(drop.x / this.resolution); drop.gmy = Math.floor(drop.y / this.resolution); this.matrix[drop.gmx][drop.gmy].add(drop); var collisions = this.collisions(drop); if (collisions && collisions.next != null) { return collisions.next; } } else { drop.gid = Math.random().toString(36).substr(2, 9); drop.gmx = Math.floor(drop.x / this.resolution); drop.gmy = Math.floor(drop.y / this.resolution); this.matrix[drop.gmx][drop.gmy].add(drop); } return null; }; /** * Looks for collisions with the given raindrop. * @param drop raindrop to be checked * @returns list of drops that collide with it */ CollisionMatrix.prototype.collisions = function(drop) { var item = new DropItem(null); var first = item; item = this.addAll(item, drop.gmx - 1, drop.gmy); item = this.addAll(item, drop.gmx - 1, drop.gmy + 1); item = this.addAll(item, drop.gmx, drop.gmy + 1); item = this.addAll(item, drop.gmx + 1, drop.gmy + 1); item = this.addAll(item, drop.gmx + 1, drop.gmy); return first; }; /** * Appends all found drop at a given location to the given item. * @param to item to which the results will be appended to * @param x x position in the matrix * @param y y position in the matrix * @returns last discovered item on the list */ CollisionMatrix.prototype.addAll = function(to, x, y) { if (x > 0 && y > 0 && x < this.xc && y < this.yc) { var items = this.matrix[x][y]; while (items.next != null) { items = items.next; to.next = new DropItem(items.drop); to = to.next; } } return to; }; /** * Defines a linked list item. */ function DropItem(drop) { this.drop = drop; this.next = null; } /** * Adds the raindrop to the end of the list. * @param drop raindrop to be added */ DropItem.prototype.add = function(drop) { var item = this; while (item.next != null) { item = item.next; } item.next = new DropItem(drop); }; /** * Removes the raindrop from the list. * @param drop raindrop to be removed */ DropItem.prototype.remove = function(drop) { var item = this; var prevItem = null; while (item.next != null) { prevItem = item; item = item.next; if (item.drop.gid == drop.gid) { prevItem.next = item.next; } } }; </script> <script type="text/javascript"> function demo() { var engine = new RainyDay('canvas','demo1', window.innerWidth, window.innerHeight); engine.gravity = engine.GRAVITY_NON_LINEAR; engine.trail = engine.TRAIL_DROPS; engine.rain([ engine.preset(0, 2, 500) ]); engine.rain([ engine.preset(3, 3, 0.88), engine.preset(5, 5, 0.9), engine.preset(6, 2, 1), ], 100); } </script> </head> <body onLoad="demo();"> <img id="demo1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYAAAAEACAMAAACNqVFVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMAUExURTk/TzpCUtXk59Hh5crc4z5MWztGVjg8TdPi5jc5ST5PXTtEVDxJWTY2R0BTYEJWY1B2jM7g41Jibsfa4VZlcczf4EpdaUReaUtmb0NaZk52hUhUYZOtw2FxfJexxVhodU9bZlxtdlpscU9eaj9EVIqjuGR3hEZibJu0xl5veTw9TT1BUHWGl1lrektxgGN1f0xibT5IV83e432UqlNgaFtmcMfd3oqmvsPX38La3HiOo2R1iUNQXnKDk159gr3X2U1XY8DV3pCpwFdibFBqcUhYZIaguKXD0Wh7h2h6jbbT1VRvdVJ8ioOds9Hg4qDAzn6aslxufqnG00Zic3OAjmOIomGChVFpeVR0fHSLoJS3yGBwdJy9zHiKm3CGnLfP25i6y3B8iYuwxGeTnY+nukVNWkdndkhse15pdG5/kJ+3ybLM2IKZrb3S3VdobUhRXWyZolyHk09ldbHP0niGkmGNmWaPpXeRqleCj05weGF2d0xrdHOZtn2RpH6OnGBxg2uUqVx4e4Ckv63J1nSFiGiNrlBth1BohHOfpllzdkNecHmfu42qxG2Bl6bIy7rR26zMzqK6zXuKi4+zx3GarUNKV6HEyE5kgml4fW+ChG2TsoaqwmOIqZu/xISqupuxwVqBmHqmq0BWaFV4knmUkXafsGR9e4ifsmd9k6rB0YmuvmyKjH6alWuBjHqVr16Im2eGiK/E02CBnnujs0xffYGrsXKPjlJvjGZ0eVVvgD5RY1d5gcrb326JlFp6l7LH1Yiep4ewtVV+k3uLlkdWckpbeGNteae+z8XW21ZzkJeuu2h+gZa8wZG0wmOBjIWhmoy0uX+mt7vN17bK1m58gUVQa3GPlYWYpFh5nZG5vYGeuF11gl2BpIKTnmeGkV97inCJgoGPjo2jrGx1g32Zor/T14mWkpOpsnCLpmmEfmdwfqe7yFJxlnmWm5GelJWindHe23OOg05pjK7BzHmThbfJzaO5v8LRzoigjVd1h4GZiXSRm8vY1K3CxZWrpJ22rirIpkUAACAASURBVHjatL15dJbV1fd/L6BrsZ4/KiSBtpCBwC80WYsQ3gAGQR4gCARKQpheiggYDYFAmCKCtTJUGSyCCE6gQrRgmQRfEIXYMFRkVFEIAjJWBqEiaqFSEW1/+7v3PsN13XfQZ73rPdd1TwkJyfezp7PPue5E3v3YjXc/fteOXe/uwolRvmtT+SY9B216ftDzmwY9TwN3c+bQaUYln/pkNt3PxoEz1tjMZ73N9eptvlHv/8W4Ua83nfRwo1GjenQ0woOeehd7tMTJB06+xRgjcdIxkm/eKBn5+5F0lvy+xB/9+/cv78+jld5+TQ/l5ZEmH3f++OPGAqDzx+/S2eTdd5vJuWsXnXEehJRNGARh0/MpJH8mThxzMufgFPEthzlzQEEwxKBQb3ajzY0IQr16wCAHTh6b9c770I+PRjgbQXnW/gaei+L1Gt3QT5rXHoLZesrRkm9W/6D8lS1bDlLhW0L537H8g0biNohlH/n7kpGe7uUsPslf0t/J/+v+c3nQ8/KISH+n5wSeG7wrTsAMNu2C+IIgcxMxyNz0vB1whOcdBSERlH/O7JZzWs6eTaf+qvAA0b6RalevEcSmO0hEn/I/3uiWqrtPk/byonc9Nn+8uOEJr74QdIOW9tHKP1tsf3aU2Tvbj7L+Ejn0dKZvxLfKz/313LkNhUCE7P/jESDQOAaDXQYByQ8n2MUInjdegFDEgWiQEJjDt0HW/PkWOw5tJgLsApvrqQvMZlsP6bz5fxByGtm73nzwYyMBoohsDPLln23uWxoKsw0JGbODCFzs8eQvMbeSgAOQ9iVW/rk46SD15/5iLiMgAB9/PP7jj38WSASeE+wyANgD2AcwIL6Y/iZj/kZ+Hi196Vuy4i2v8jFbfMBY/+b/yzjfW29i76Gjt/mofqARUPR2ocgLSbMFiFJwSaBRIASNdAysC/gISvjOt/4SCT4lKj9rrwMIWs0FAJL/7Y/fftuFoaAP2FxsCQxSBIMYgpj/oDnBMdsFn6t0tsT9bH7Oqdeq/z8m8A7O5b2X4yb39BofwdlbhO9Nn5IbRj25s1CMf4hjRKeEqGzcKEYsqpGCcvARlFgPmNt/rkIg+f9Et18zANI/dink2X+5M3+x/UEm9ntlEAy/ZcySB8LXu9pIlefbrVX+gmV9Z/nyd+Qwo57clr/TGx/ujRe96dDT/LvefDP3dNxq1AtCsV4RhhFyh2AlFHYFx6C/RiILwR8cgu4EgZ8ZCtD/Yz8D73IZ2Ki/ySZe3+RV6zlB4TfP3nxVBGebt+WOICATxngnrPM7vuL1ws9qHr0fIrkfeuedhx566B2c/ATDPDomSiYGnHrGPSyNaNeIUZWOjBpR6cC4gtNfPOBnsezfyR80/U0hw49Z55Psntp8iOz19vGvt3zfchkqynIj7vJ3fvIgRV9+6J2X/Q889DKdpDXdySGvHhIe3jOPkD70fsi6ykP1HmpEN8ZAL7288aMcYiWGkmBK0GwQAPBxjOgfFfmh/6Zoww+rbkY9d9KxTw6M5d74CTK//M7LNPRh4st2TMSpd3y8ro94yo8Y/NJ+nI+HJk4kLBMdkCAg+/F6fO97RqPeWlL9BH8I+0IwHpmMQOlZAPwsbP+7doXMP1DxBy0/oDupvc8IvpkVXy5HcHiW/rJ/iM6B8Tqr/Trf6CSdX5+Ij73+Or96XQdevI6XcspzutFB4/WJiuRlffKyfOZlPQ+8PNE5i4egtxzhGPVT3CGqRvWDkRklJZF3bxl+wmVnyPI3B9QX4dXQ68XSXW0eWm97552gyq8HdZ948uWXB9LBuv6E8SAdwVf0+sEHccev9dPmyYMMgAkJIn88VMNQFBSgOErR8SMY/HhUEgNCSRBAlPk7+QPqh4W/QcLfsLqHooyObTze2bbtZRy+8mq/MGESfOLJiQNx6AOOaLEHkroD9cCJ8fqDbtwfevzRQV/8+unXDRBHBOFqYjSGhwSBQJDgdAsMNWRlnqP5AAKlf7T8JvTMnrM5EHVu7Nu8T0eUwW8T3V/G+U5Ad5HeN25SWgSf/DIdE+8/ef9AGnT34OsDX6d7vJr84OSBk+lj98v95Ptx96C8moyTDtzhU+5RzoH3y/kg3wCH7wTSsCCNiQ9G+8VDMVCEk0Tvn0TBT8slI6MAxI79Vv6rnvhO+nr7YgnPJh+yeBJ+Y6wIMpAFxjGR71lmkp8UJdmNsKLrZPOgj/f7D/dPtscE72P2Jg/eV/JHMIRJ2DUmhqNUkAOi0kM1IQhACIQjI/9IAvDuuzHsf1PI/GV46jvx90Urz5HmHV/3jXKQ9pB/oHdMxgH71WOyGu7AyZNVdxn3ey8n4JxxPx2TJ+CcMWHGBDzQcxwz+DB3Eybcz5+l5/fzS7rdj4/KMXnC/TctIDvCKCbyXY0YTHpAaEJ88kMSZtIxw5EF4Hd/Ypu/Ux/6z/bE3xdl8zGEx3CWLsbO8QQqPyjqDpwcGk57iDpjMlSeMWOCPfyX5mGCe/UM3aZMeBx3M56hT0yZoDhmuH8lXyIPlyZMuDmDiYQ43B/lEg/WGJd6PySpWY4ghRoK1N+xB4TDf0z5Z882lu+CPgnva6/BZltA+o0w+oHemDxQVDd27T0xL0XxGUbnGUZyvHhmwjMznqG7Zx6nQ0/zYJ6Z45nzeHj88SmP08MUPJ3CT+jlBHoyAY9T6GFCaNw/IYwiOjyFQEQ5hFLw41E0hN+1BADbfdgVkH9TQP7NbPuzfdPf5olvA70TnpTf6Cz+dZE+bOUmnkxWeSd4jzOemaFau/G4vQvLbR5effyZV+nuVTrlbj2ePC4naDzD5/rHHxc45gOCZ8Iz0TBuBWJiDRSkVGoUohBOCPQsEl582RUd/MX6r3rq73OVpRU/YPIbXx/4etDoQwPhWm3ce5jBotcwHoesz7C2MuwTf7zCt1deLXyl8JWyV1/Bg/dROfkOWF5RRmXMR4fAmBDtGD4Kn4PvC9GTiBAEG4xGSnc7sssBCEcfUX+OJF5P/m2e+NuM2XvSb7yV9BJbPL01pkSNV+UIjzeMzK+88Qa9eIVub5DIb7xBJ9/oLl+fvomHV/LtUciv8DGCwA98wyvF8or6ij9CIH4CBucLjfj2371rcISWLX/rALADcN9Hg8/zLL8k3kDR41n+xqD4NWsfpXtNor8aU/Q3ahoHWWaMfH158CB95OCbBw++idvKN+npm28Ej1fyzTPBQZyUhB0MRGJXbBCOQ03OEPCD/w6nBNG/UaPIrl3vhsK/jT5XKfhcDRadfsbdCNM34t9C+qDuP83UY0t+EIc33uSTxjKovOzNtDcPLqOTXtPTtGX8gBvd0Ujj07xc+WZovPEms8EtQAMoAk7hgfC8ITaG6FDkBSNeAo1A90D8ef6nyP+yFZ8NP7b2t1Y+2tKt6gftaccyPd+ErMtw8o3HX5ctS1vmjb/iI3T312K6S6NnafgXf13mH/RZ+tyb/BxAlr0ZNV55M+wWj78S2x9iU4iVm6E/zRL+YiD8pTcABKp/kZ/Vv6pzrqjQYy0/ZPgxtA8qH2XqztKfEM0DJs6SL6tprBHt/5qDhzX8dA1pTjc6P1pTvAZ3H+mH/urd8SMA/fWjv8pYxjeh8ddYJGrA4CjE9AXrCeGs3FsR/KV3b/GAkPlfBYCrm696+hv5UfHEED9msH/BU/4RP4m+8eoTUBx3B/Fw8ImA6LFUJ3nX/HXNsjWxxkdyy/3IvubjI9zWfPTBR/qc7nM/4rHGfUj/KX3vjywObwRx+CQshkBq8PJzCILnCP+tHaS/4C4SWHQU+ckBrl711bexh5OuRJ6Q9pcmz5pxacYsVX7GMyT+ehL+EWfxTxjVWflgMFfpA+YNtZdFS81q30fHmg9I3DUf4Jb4USKeJX60n+TeT08+oDu6uYPOT+j+kw94fEIHfeAT+te4Yci9HYRjTU0cPAzOGWL5gnWFqIzQiOYJLH/vM5FNm2z8cdkX0f+q6v8Fmb/Iv9EZf0D9S5ON8iy+MXxj8So5af5EWPaQqb/IwkeND3B8gNt9H0SNxOgPscAV/Pg+P5dDHuT0D/mM/ShT8YbvGA5ETAox00JNjiBLCw8BwCav+r/6/FXP/L+gw7P+oPpi+rOc8s/YmKMBR2J72NxZ9UdFbz5fXIPDG/etuU/GBz8+3rePn+Cu4hO6ffB+8vvvp9tDz/f9p/rSDvqy9z8x4wP7jAB8EsXB+cIrt/KFcDCKFY0YwKZNgfjP+l9V/RF+jPkHA7+JO2r0RvtHVPzCN4KBZtnBR9XIceBxDc6QrYvyNat99wd34+Tx/t3pd5O8d6dbpfHKKJ7+/tKlS9OXvk+3paPfX3o3HffyCzqX6uP7S/XfEICl74fGJ44HQDiniHaGnwDh/nBxpPIfEADO/pF8xfxh/Pu+UPWPbQzGHt/2X5BC55H1j0im5QzrpPeiDKSXEPOiyr1GTR0PXnx5WrX29b4XJwl8973v3700/f170+9Nh6hyjF5Kr+5lVe9dOpqOpfcsHX0v7vSGD9hTDn6x1H7GjveXBmkEOITD0i1dIeQI94cqI6y3TZwYed7pf/V50f8q64/4I9HnGBk/7H/gSV/9Wdb2yeofsUXlE77ZG+H9GHOfH2Mge8ji7w4MEhyHUXrpPXR3z7333sOv7hmNY+noe/jEHV5BXvr4c6OfW7i0T58+z91Dx0K+7/McTm/gk8/xbSn/gwAJwRHtENYbaoxINUJQRzjtzZcVgB/+r27+Avb/hZSex7YdY/s/qfpPnvyStX2JO4+w6Ut54yv/okofDuwh1Z9+Okp4Ujyd9MVgpUdDcoiN8x7R956F95BkS+m2UM8+LHQfui2Etn2e6yOK65M97rl+JEAiaix9LuAVYX8IukJ0bg7n5TADiH964ukHI7zXygMA+99nzd+TX6yf1EehP8tU+bD9R16VyjJg9l58N9J/cF9Q9rujBil/L5RnK1/KUgdHHxJ6YR+RuQ897ulzmZ9ehqJ76OVzffY8x3d7nuvx3HM9evR4cg8ddPZ4Emdg9DAf5E88xzc6olFEcQiFpJArvBKCEM4IpjydiHW2iNlpeNXWP198AfvfpvKL/hD/pZcQeiaL7b/A4tN49QkMKP8oic+Z9sVo5f3oHlaeVRdrp/MenCr2PQtJ8D7eeE7u9/TZ06dHnz1014M0JoV78D1Jri+exEnHatGW71bj7Bc4nqTbU3jUlwqjh+AIsnAOEYQQZBBOCjVnhAfXCoWI2XCl+nP0If2XO/lPOv1nudDzCEceMn0JPI/agK/a23Cjokfp7oSH8ia8sPB0BAdLvmdPDznMIEFX91j9JD+hl/3oORQPiPwUHXI+hTM4HnuKP4iHp57kpwTkKWHCNxkBEkEMsSiY+ijsCAaCF4uOPHgkQso/f3XTVac/xjYXfU5K6cPmj9DDxq/qQ/wnIP6jj/phxxr90wg1T3/wdEh4T/dgeAnqDiuHafcQzZ+UO9Icyq7ud61fvx4k7Op+ZojWG+h+A59PbXgK9yTrBhaZTz4e0OMpunvgqQee4lf6TwSHjH5PeQHLw/DjrlCTIwQQHHmQ7iJXmYDIf1Wqzy+2EYFjbP4nJfxI9AnI/wTLT9JjwPKd6UvEEek/iGnyAeXDwvexJt5jtTyQ0qKzU5vNmhTuJzrz8RjuHzPHdtKVHrdD5O0sNd9kyLMxcjfmgdDnmIYH4smnojGYkBQrKXgQXol2BGVwhBkIAKP/FzJIf1L/5WMm+rzE0WeWhP5HVH4EHtb+UYj/IusvMefpD8TqP4iy+XvuvSegfJ+ahFfVe3h69yOt+z22od9jEPoxnKQRje10PEaabWebpmf0ZDsdLClLu12lHqNq4+iF+14P8K0Xv+4l/zg44B2xOARdoUYG4dLIOIJ1gyPwAKM+678PAI6Z8H/Smv+sWbOc/Bp6xPZfVPU12z6NESPe3FOj8D3CwocHia6KbxfFWWS6I+1J3THQewypPGa71XeMSF39wJhquutFMveqpmN4LzuGm/vh/HS4fmAM3z+AM0zCYghCiOkJUbVRuDy1my8mRKC8xn/xAFGfw//Jk878VX6OPRp6jOm/aKqdUMAPS38Lc4+WHfbuxnZr2mNI8DGPjcGAxLjnZ3RHGo/phaOalDTaDudjQS+r84IFODvxIz3gjsXHS7wOjgCImiDEYBCjPjUQBMGVCRP4jFy19i/6H/uC5T/m6a/mz1UnSk6V36hvxfdtPyh+jQa/ul+PmlXXAEPmPSY0qnHi6FU9fAxZdvVwkhZD9cazBaRwrwWiMz1f0EnuOvWiWyc86WQfdNDz4fRpujGMIIZeUb5wC0+oGULQDa5MeDwSrT87wEmWX/W30YdLfk/9+3z1w2EnSvyg9rfS/bHH1Mh9yWkMHzN8uAqtOovYdBxiocW+3RPIbrTWMbZTeNBHunSKMRZ0iuYQdIVQZlYIYQY1ILjCFCKx7P/YyY0MwDN/0f8NX/77Xoxl+7HFv0W0CeoeYwz3hDfjkJwLhi+IHmzXY325x5qXXcyB0wz70RqHH5miIDwVKxw5Bh/VCAHynzcAYujP5v+SV/zA/LnkF/ljqB/b9AOFTWyLHxNTeYgfGAtI8UMLcJhxQTUfu4BVHutMvEunsVbiOzrd0eUOeuDj9k634+YO+6qLnPTsRyBYCj+NgULwczKP81QWvRLZTOIH9T+J+DNQ7X/yLM/82f49+Z/25beVpq9+LMOPijY/IjsJHzD0sXSw9DD0sSq8MeTguMOMdnTQSWKbw52d3B0jUCrM5Za+cCsIt8rKgTla5IvNm+0E4JgMhJ+TYv6zZqHjbMJ/QP6nYxi/aSWELd9q3+9WwkcFmgUh3WWw6l3G0tllbCcXR0RxHCI5ac5DxI+/I77d7fF33E4j/vZbjk5KRY4YFDwI/1cMSP0dAEDqqwewA5z09J/M4f8FL/uG5K8x8rh8+5O0H34Lmx8bHH7sdpqTzix6YMST6tCbDtzxKc/kg7f/hKEQAhx63QKCTtZi9CwchEDrNPLFFxp/vgiZv9i/Df8HTfINVT0B9UPlTgztw9G+ZpuvSXcTXbrsbSdm7ulOtk5WDt31iLfPWP86t+NWpw6e8ClHTV7RydzbhHErRzAF6k9lQOqfFQCB/Ovrb6r/UPjxrD+G/Kq+JtyA4fvya7wZE6X9jwivQu/1Lb3dHVZvN+pA/TruqFOnAR+316l/e/0GdXDejpd838D7h7f0hhCGsB8EGYTmCAEGpnHqAHj6nxT9X3D6H4xl/r76Ndi+0z+s/ZgYdn8L5dtFjTvaIa7HG9nF2qvE5KtYyQZGczqyGzSg+wbZ9evXp7sGepizAV4Qigb0ZQ3qxMLQSf0hGkGnW1dGT0ZNln0EF/8aCThATfb/qB/+7wuYf83yxww7oUT7o9JHC08GD93jne5q8bdX1amqw4OVz+aTtecju0H9bOgfGoZCAxCow0/A43bgiukO4ZzQK9oPnqphkmAhKIKLBCESrf9JG/6j0++L982j4z4mYOQPVZw1ij98TCyzrzHgxFA+1vBElweSug4duKen2VA9hu5RFPhBxAeKBm7ERtAplJejJ2ohXwiWRrYqihz74lgg/pv684XY9r9mzYs5OWvm3fc0AzD626InFPfH3FL9sQtiax/D5GX4CKri69gB8bMxoDjEJ2OH6tn1Y4tfu37t2vXr1wpDEAzZzAC3Ohy1DIYG0RnBQ+D7gReOghB+8BloJIocOxZV/r8UtH9Pf7rPyclZlpOTywRs0Rkr7VrbD4f8UFmPer4m7WNKH6/Si+ln12HVWfdstXaYfQzpobsOlr8WHx6IBoaCyQscjOqL/kFf6OTScg2z5aimRRABe8F/PvnEeYBMAKLt/wnP/qF/WvfuaUQgMdkAiGX7LvJA+jHh+n5stPjtutQY5wOlTR1/ZHtDBQ8IX1tutUX7+nzWrgvda9V3h+8LDerb7Cy3Bva8PRyRYoQihhALg2Xww3M/KAMJRJFjP93+KQDl5HTvfjw/nxCAgNM/duiJml3B7BfECjqe7cfHHlVB6QPiW7VVY7xQvc2H1Prr1q5dq3atKAJMyg9F9pT8rAjEE7xgFBOBAfGvXr3+5UOwbgAEBOA6zw0sgGOx688nAvXPi6R/fmFhIQjABVT/UIsnhumT5Y9d4KtvbL8d38d3ibdmH7b9qmjt64S0r107Gwpn4xGHfoRv/iDbF/Xr1gKHWqBQq0BiUu1APsh21ZGm50BabhAzJX9vxP+Xw3CBDoHwzQMPfGMRsA9cB4PIsej8OyvK/rX6BID8wvWtW5fldycXAACVP6rJEAj6w03MXxBd7JD28QwgRsypE2sEY45YOUtfv1a2s+rsWqx+dm0X+OvWFrNX+YGigD8Q0p8UrqqqamCDkHWE+h6AmhB8rxgMjAudLlxQCA8ogac0FyATXF8aCEEB/U0B5M2/GEBZ69YgkMYAQuY/5rEo+aG+H3lg+WOd+HLE880hMKHeFpme+nWc6ddWS68dEJ4Peh42f1K8dt26tepi1AIGgBD9PQRUQlVhflFVle0KVG/aFqsmIgLfexPl2w2NvcoBFATBN8zApmNCEAn2315y+gfjD09/KQd0z1/fesqU1q3zuxcnJt97Tx/P/mP0dyjqDw9qH7B92L1V3zf7eNQ4VbFMX+450NS2Zp8d86CP1/X1hwdAdR51lQCd9IkCT/+q+L08qhpkh2YJoUgU1bMz43uceP09g9grCMxMzTgB6X+dzsjJYyc9AjETsOs9r2EPAAC4QHI6A5DTIvBqTs66WnB2Cekfr8EnqsgJVzpR6pP4FH443luzx1lLg3r9WoaAb/8EQEYtOWqpF9CobTI3yV+nau+FC4cOXbgAAqHpctgJDIPvrfDQ3b2S+723E00wsF5gCLATRE4GGtBh/T37v5uOeT6A4kQAcMvrgOA5AMd9W+779aYTv0tI/djiB9QX+5dKnrUnvSF/fbV6uTOvfAdQ7d0AhbpMRqYG9.........完整代码请登录后点击上方下载按钮下载查看
网友评论0