今年北方的雨水颇勤的,数周来,几乎是每天都会下点雨水的,有时一天都是不见阳光的。老家这时候,也是这样的,家里人管这个叫“梅雨”。 那是一个月都是下着雨的,很少见着阳光的。梅雨稍过,天便热了起来的。而草木在着稍过的时间里,长着挺快,刚刚才是嫩芽新条,倏忽间便是阔叶粗枝,让人惊讶不已的,又不得不佩服这个季节,她给草木以旺盛的生命力。
    以前读书时,也是在这个季节,从学校回到家里的。回到家里,第一眼惊讶的也便是房子旁边的树木了。想想春节去学校的时候,那些枝干还是光溜溜的,现在便隐没绿叶中。但是毕业那年却有另一番的心情了,那是回去,心情有些激动的,因为将要去云南那边工作的。因为一些其他的事情,那份激动却只是一些而已。但见到那粗壮的树干和那龟裂的老树皮,那新绿树皮,我想自己是会要舍弃一些东西了。
     没有想到的是,居然一些东西还是没有舍弃的,仿佛就像这个“梅雨”,自小伴大的,毕业后便隔开了。没有想到的是,在这北方,在今夜又不期的遇到了!以至于那毕业三年的时光,也跟着来了:我又见到了校门口的石狮无语在七月的暴雨中;让我又听见了悠扬的葫芦丝音;让我又见了那清盛的姑娘。。。
      相逢了,也许要问侯一声的,便说一声:你好,雨! 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript流星是一种通过在网页上创建动画效果来模拟流星的技术。它通常使用HTML5的Canvas元素和JavaScript编程语言来实现。 实现JavaScript流星的基本步骤如下: 1. 创建一个HTML页面,并在其中添加一个Canvas元素,用于绘制动画效果。 2. 使用JavaScript获取Canvas元素的上下文对象,以便在Canvas上进行绘制。 3. 定义一个流星对象,包含流星的起始位置、速度、长度、颜色等属性。 4. 使用定时器或动画循环,在Canvas上不断绘制流星对象,并更新其位置。 5. 当流星对象超出Canvas范围时,重新生成一个新的流星对象,以实现连续不断的流星效果。 以下是一个简单的JavaScript流星的示例代码: ```html <!DOCTYPE html> <html> <head> <title>JavaScript流星</title> <style> body { margin: 0; overflow: hidden; } canvas { display: block; } </style> </head> <body> <canvas id="canvas"></canvas> <script> // 获取Canvas元素 var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); // 设置Canvas大小 canvas.width = window.innerWidth; canvas.height = window.innerHeight; // 定义流星对象 function Meteor(x, y, speed, length, color) { this.x = x; this.y = y; this.speed = speed; this.length = length; this.color = color; } // 绘制流星 Meteor.prototype.draw = function() { ctx.beginPath(); ctx.moveTo(this.x, this.y); ctx.lineTo(this.x + this.length, this.y - this.length); ctx.strokeStyle = this.color; ctx.stroke(); } // 更新流星位置 Meteor.prototype.update = function() { this.x -= this.speed; this.y += this.speed; } // 创建流星对象 function createMeteor() { var x = Math.random() * canvas.width; var y = 0; var speed = Math.random() * 5 + 1; var length = Math.random() * 50 + 10; var color = "white"; return new Meteor(x, y, speed, length, color); } // 存储流星对象的数组 var meteors = []; // 绘制和更新流星 function drawMeteors() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (var i = 0; i < meteors.length; i++) { var meteor = meteors[i]; meteor.draw(); meteor.update(); if (meteor.x < -meteor.length || meteor.y > canvas.height + meteor.length) { meteors.splice(i, 1); i--; } } } // 添加新的流星到数组中 function addMeteor() { meteors.push(createMeteor()); } // 定时器,每隔一段时间添加新的流星并绘制更新已有的流星 setInterval(function() { addMeteor(); drawMeteors(); }, 100); // 监听窗口大小变化,重新设置Canvas大小 window.addEventListener("resize", function() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }); </script> </body> </html> ``` 这段代码会在网页上创建一个全屏的Canvas元素,并在其中模拟流星效果。每隔一段时间,会添加新的流星对象,并绘制更新已有的流星对象,实现流星的动画效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值