黑客数字雨html单页,Hei客帝国数字雨.html

canvas{

display: block;

}

function $(id){

return document.getElementById(id);

}

//画布的大小设置

var mywindow=window.screen;

var canvas=$("canvas");

canvas.width=mywindow.width;

canvas.height=mywindow.height;

//要输出的信息

var str="0123456789";

str=str.split("");

var fontSize=16;//输出字体的大小

//每列显示多少个信息

var cols=canvas.width/fontSize;

//数组，统计下落的位置

var drops=[];

for(var i=0;i

drops[i]=1;

}

var ctx=canvas.getContext("2d");

function draw(){

/**

*这的Hei客帝国：

* 获取页面的大小包括宽度和高度

* 用cols获取能够宽度加载列数

* drops加载每一列的位置

* drops[2]=10 2为第二排的 top为10

ctx.fillStyle="rgba(0,0,0,0.05)";

ctx.fillRect(0,0,canvas.width,canvas.height);

ctx.fillStyle="green";

ctx.font=fontSize+"px arial";

for(var i=0;i

var text=str[ Math.floor( Math.random() * (str.length) ) ];

// console.info("x-"+i*fontSize);

// console.info("y-"+drops[i]*fontSize);

ctx.fillText(text,i*fontSize,drops[i]*fontSize);

if(drops[i]*fontSize > canvas.height || Math.random() > 0.95)

drops[i] = 0;//把位置恢复到最上面

//控制下落的位置

drops[i]++;

}

setInterval(draw,33);

黑客数字雨html单页,Hei客帝国数字雨.html相关推荐

实现自己的“单页”博客，只需要一个指令 (Moka)
如今,单页应用"横行霸道", 而且新时代知识信息海量,我们更需要自己的Blog来沉淀知识. 综上,Moka走入了我们的实现. github.com/moyuyc/moka Usag ...
欧美经典红色博客单页模版Swiss
今天向大家分享一个经典的欧美经典红色博客单页博客模版,该模版采用简洁时尚的扁平风格设计,分辨率为2840*7131 PSD素材. 下载地址转载于:https://www.cnblogs.com/dg ...
基于Vue, Vuex 和 ElementUI 构建轻量单页Hexo主题Lite
Hexo Theme Lite Keep Calm, Lite and Writing. light single page blog application theme, using Vue, Vu ...
关于单页应用（SPA）的经验之谈
时下SPA单页应用如火如荼,对前端乃至后端开发都带来不小的冲击和变革.笔者整理了下笔记,决定写一下以前基于iframe做单页博客的一些经验方法. 对于单页应用,笔者没有找到最官方的定义.在笔者看来,在 ...
织梦DEDECMS首页调用单页文档内容并带过滤HTML的方法
织梦dedecms网站首页调用单页文档内容并带过滤html的方法: 1.调用的语句 {dede:sql sql="SELECT body FROM `dede_sgpage` where a ...
mysql的单页应用框架搭建_采用vue+webpack构建的单页应用——私人博客MintloG诞生记...
介绍项目地址:https://github.com/jrainlau/MintloG (特别乱,参考就好-_-|||) MintloG是我在五天之内完全由自己开发的私人博客,前端技术方案采用了vue ...
淘宝客静态单页_单页应用程序的Spring Boot静态Web资源处理
淘宝客静态单页诸如gulp和grunt之类的Javascript构建工具确实让我大吃一惊,我看着这些工具的构建脚本之一,发现很难理解它,并且无法想象从头开始编写其中一个构建脚本. 这就是yeoman ...
雨尘奇偶猫单页SEO系统源码v1.3
简介: 雨尘奇偶猫单页SEO系统源码v1.3,PHP开发,随机静态页面生成,一秒钟可生成上千条单页面,批量生成单页用来做SEO是非常不错的源码. 支持文章采集,功能,多模板选择批量生成单页,本次更新增 ...
php博客系统加载评论,Yii实现单用户博客系统文章详情页插入评论表单的方法...
本文实例讲述了Yii实现单用户博客系统文章详情页插入评论表单的方法.分享给大家供大家参考,具体如下: action部分: function test($objs) { $objs->var=10 ...

黑客数字雨html单页,Hei客帝国数字雨.html

黑客数字雨html单页,Hei客帝国数字雨.html相关推荐

最新文章

热门文章