冬日的傍晚，纷飞的雪花

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下雪</title>
<style>
*{
padding:0;
margin:0;
}
#box{
margin:0 auto;
width: 600px;
position: relative;
}
#fcan{
position: absolute;
top: 0;
z-index: 100;
}
#bg{
position: absolute;
top: 0;
}
#bg img{
width: 600px;
height: 400px;
}
</style>
</head>
<body>
<div id="box">
<canvas id="fcan" width="600" height="400" style="border:1px solid #333;opacity: 0.6;"></canvas>
<div id="bg"><img src="http://tupian.enterdesk.com/2013/xll/012/30/3/1.jpg" alt=""></div>
</div>
<script>
var rains=[];
var can=document.getElementById('fcan');
var ct=can.getContext('2d');
init();

setInterval(function(){
rainsNum();
ct.clearRect(0,0,600,400);
init();
dropDown();
},50);
//初始化
function init(){
ct.rect(0,0,600,400);
ct.fillStyle='#000';
ct.fill();
}
//产生随机雨滴
function createRain(){
var ix=Math.random()*600;
var iy=Math.random()*50;
var ir=Math.random()*4;
var ivy=Math.random()*5+2;
var rain={
x:ix,
y:iy,
r:ir,
vy:ivy,
g:8
};
rains.push(rain);
}
function rainsNum(){
createRain();
}
//落下
function dropDown(){
var len=rains.length;
for(var i=0;i<len;i++){
drawRain(rains[i].x,rains[i].y,rains[i].r,ct);
rains[i].v+=rains[i].g;
rains[i].y+=rains[i].vy;
}
}
//画雪花
function drawRain(x,y,r,obj){
obj.fillStyle='#fff';
obj.beginPath();
obj.arc(x,y,r,0,Math.PI*2,true);
obj.closePath();
obj.fill();
}
</script>
</body>
</html>

转载于:https://www.cnblogs.com/new-Spring/p/5839887.html

冬日的傍晚，纷飞的雪花相关推荐

对未来计算机的畅想作文1500,新年畅想作文1500字
新年畅想作文1500字导语:当我站在狗年的尾巴上,准备迎接猪年的到来时,不禁思绪万千--新的一年将是不同寻常的一年.接下来小编整理了新年畅想作文,文章希望大家喜欢! [例文一:新年畅想作文] 岁月的 ...
天龙八部怀旧服服务器维护,新天龙八部怀旧服12月17日全服更新维护公告
亲爱的玩家,大家好: 为保证游戏运行的稳定性,提升整体服务质量,<新天龙八部>怀旧服将于2020年12月17日7:00-9:00进行例行维护,维护后版本号升级为0.01.2902.如果在预 ...
雪，是死掉的雨，是雨的精魂
北京又下雪了,虽然不大,但纷飞的雪花,依然有那么一种别样的美感.尽管天还是阴阴的,没有什么红装素裹的惊艳,也不由地会注目窗外.看到外边飘然而下的雪,忽然想到似乎上学时学过的一句:雪是雨的精灵,却怎么也 ...
《互联网时代》第十集眺望
引言这是一台时钟,一项试图触摸万年以后岁月的人类工程.这一伟大的企图出自杰出的美国计算机科学家丹尼·希利斯.29岁时,他曾是世界运算速度最快计算机的设计师,与希利斯用特种金属一起铸造永恒的热心人,有 ...
web开发从入门到精通一（详细）
注:原创不易,未经许可,谢绝转载.相关请遵守csdn博客协议. 每次学点东西都喜欢总结一下,顺便可以分享给大家.因此,在博客写知识点总结无疑成为我们目前最喜欢的总结方式. 我们来介绍一下web ...
射手座分手两年的纪念(图
新浪网友:耳边的童话射手座分手两年的纪念和同样射手的男友分开后变了样,慢慢自己走路会很快,喜欢黑夜,习惯晚睡,隐藏心事,喜欢一个人流泪.喜欢有口袋的衣服,否则不知道手该放哪里,习惯抱臂,习惯冷战 ...
《罪犯与女儿》，看完你会热泪盈眶
原文地址:<罪犯与女儿>,看完你会热泪盈眶作者:黄建曾经拥有千万资产,只因一念之差,陷入万丈深渊.丈夫背叛,女儿自杀.死里逃生,铭记女儿心愿,减刑或得出狱,为实现女儿心愿,重操老板旧业. ...
天下谁人不识君的上一句是什么，天下谁人不识君的意思?全诗赏析
有这样一道语文试题:"____________,天下谁人不识君",你知道应该填写什么吗?天下谁人不识君的上一句是什么,你知道吗?快和我一起来温习下这首诗吧.阅读本文,你将了解到天下 ...
海洛因（Heroin）服务器
 在药学上,海洛因( Heroin )用作镇静.麻醉剂,有机化合物,白色 ...

冬日的傍晚，纷飞的雪花

冬日的傍晚，纷飞的雪花相关推荐

最新文章

热门文章