html红色流星雨代码

最新推荐文章于 2024-05-03 14:55:36 发布

VIP文章威士忌的碎冰496

最新推荐文章于 2024-05-03 14:55:36 发布

阅读量998

点赞数

文章标签： html 前端 servlet

本文链接：https://blog.csdn.net/qq_61872011/article/details/129818052

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>流星雨</title>
<script>
var context;
var arr = new Array();
var starCount = 800;
var rains = new Array();
var rainCount = 20;

function init() {
var stars = document.getElementById("stars");
windowWidth = window.innerWidth; //当前的窗口的高度
stars.width = windowWidth;
stars.height = window.innerHeight;
context = stars.getContext("2d");
}

//创建一个星星对象
var Star = function () {
this.x = windowWidth * Math.random();//横坐标
this.y = 5000 * Math.random();//纵坐标
this.text = ".";//文本
this.color = "red";//颜色
this.getColor = function () {
var _r = Math.random();
if (_r < 0.5) {
this.color = "#333";
} else {
this.color = "white";
}
}
//初始化
this.init = function () {
this.getColor();
}
//绘制
this.draw = function () {
context.fillStyle = this.color;
context.fillText(this.text, this.x, this.y);
}

最低0.47元/天解锁文章

优惠劵

威士忌的碎冰496

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
html红色流星雨代码

***************重新计算流星坐标的函数******************//*****************获取随机坐标的函数*****************//****************初始化函数********************//**************获取随机颜色函数*****************//****绘制流星***************************/
复制链接

扫一扫