html暴风粒子代码,html暴风雨

var canvas1 = document.getElementById('canvas1');

var canvas2 = document.getElementById('canvas2');

var canvas3 = document.getElementById('canvas3');

var ctx1 = canvas1.getContext('2d');

var ctx2 = canvas2.getContext('2d');

var ctx3 = canvas3.getContext('2d');

var rainthroughnum = 500;

var speedRainTrough = 25;

var RainTrough = [];

var rainnum = 500;

var rain = [];

var lightning = [];

var lightTimeCurrent = 0;

var lightTimeTotal = 0;

var w = canvas1.width = canvas2.width = canvas3.width = window.innerWidth;

var h = canvas1.height = canvas2.height = canvas3.height = window.innerHeight;

window.addEventListener('resize', function() {

w = canvas1.width = canvas2.width = canvas3.width = window.innerWidth;

h = canvas1.height = canvas2.height = canvas3.height = window.innerHeight;

});

function random(min, max) {

return Math.random() * (max - min + 1) + min;

}

function clearcanvas1() {

ctx1.clearRect(0, 0, w, h);