黑客帝國(guó)代碼雨(html)

? ? 運(yùn)用記事本和html來(lái)編寫(xiě)代碼雨,希望大家能喜歡。

代碼是:

<canvas id="canvas" style="background:black" width="620" height="340"></canvas>

<audio style="display:none; height: 0" id="bg-music" preload="auto" src="music/黑客帝國(guó).mp3"></audio>

<style type="text/css">

body{margin: 0; padding: 0; overflow: hidden;}

</style>

<script type="text/javascript">

window.onload = function(){

//獲取圖形對(duì)象

var canvas = document.getElementById("canvas");

//獲取圖形的上下文

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

//獲取瀏覽器屏幕的寬度和高度

var W = window.innerWidth;

var H = window.innerHeight;

//設(shè)置canvas的寬度和高度

canvas.width = W;

canvas.height = H;

//每個(gè)文字的字體大小

var fontSize = 15;

//計(jì)算列

var colunms = Math.floor(W /fontSize);

//記錄每列文字的y軸坐標(biāo)

var drops = [];

//給每一個(gè)文字初始化一個(gè)起始點(diǎn)的位置

for(var i=0;i<colunms;i++){

drops.push(0);

}

//運(yùn)動(dòng)的文字

var str ="01abcdefghijklmnopqurstuvwxyz";

//4:fillText(str,x,y);原理就是去更改y的坐標(biāo)位置

//繪畫(huà)的函數(shù)

function draw(){

//讓背景逐漸由透明到不透明

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

context.fillRect(0,0,W,H);

//給字體設(shè)置樣式

//context.font = "700 "+fontSize+"px? 微軟雅黑";

context.font = fontSize + 'px arial';

//給字體添加顏色

context.fillStyle ="green";//隨意更改字體顏色

//寫(xiě)入圖形中

for(var i=0;i<colunms;i++){

var index = Math.floor(Math.random() * str.length);

var x = i*fontSize;

var y = drops[i] *fontSize;

context.fillText(str[index],x,y);

//如果要改變時(shí)間,肯定就是改變每次他的起點(diǎn)

if(y >= canvas.height && Math.random() > 0.92){

drops[i] = 0;

}

drops[i]++;

}

};

function randColor(){

var r = Math.floor(Math.random() * 256);

var g = Math.floor(Math.random() * 256);

var b = Math.floor(Math.random() * 256);

return "rgb("+r+","+g+","+b+")";

}

draw();

setInterval(draw,33);

};

</script>

怎么樣,去試一下吧。

原文鏈接:https://blog.csdn.net/qq_42139049/java/article/details/84781890

我的作品沒(méi)有人看啊吴趴,我真的希望,要是有人看我的作品就好了侮攀,當(dāng)然我還會(huì)繼續(xù)寫(xiě)下去锣枝,等到有人看到我的作品并點(diǎn)贊厢拭,我看到一篇很勵(lì)志的一篇文章,就在簡(jiǎn)書(shū)里撇叁,找不到的話在下文我復(fù)制了一下供鸠,如果你也是這樣,讀完它:

入駐簡(jiǎn)書(shū)有些時(shí)間了陨闹,寫(xiě)的文章點(diǎn)擊率沒(méi)幾個(gè)楞捂,作為新人知道自己的水平不怎么高,但寫(xiě)的文章沒(méi)人看趋厉,讓我一度懷疑自己是不是這塊料寨闹,但是在自我懷疑的同時(shí),又在繼續(xù)堅(jiān)持寫(xiě)著君账,想著就當(dāng)練練手了繁堡,說(shuō)不定寫(xiě)著寫(xiě)著就能提高自己的水平了。

其實(shí)我們只要認(rèn)真的寫(xiě)乡数,認(rèn)真的有想法的創(chuàng)作慢慢的自己的認(rèn)知也會(huì)有質(zhì)的提高椭蹄,寫(xiě)作的水平也會(huì)有大幅度提高的,更不用擔(dān)心自己的文章沒(méi)人看了瞳脓,所以提高自己的水平才是最重要的,與其擔(dān)心自己的文章沒(méi)人看澈侠,還不如花點(diǎn)心思提升一下自身的能力劫侧,完善一下自身的知識(shí)水平,你若盛開(kāi)哨啃,蝴蝶自來(lái)烧栋。

作者:隔壁橙

鏈接:http://www.reibang.com/p/9ede69e6ac58

來(lái)源:簡(jiǎn)書(shū)

今天就這樣吧,下次再見(jiàn)拳球。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末审姓,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子祝峻,更是在濱河造成了極大的恐慌魔吐,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件莱找,死亡現(xiàn)場(chǎng)離奇詭異酬姆,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)奥溺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門辞色,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人浮定,你說(shuō)我怎么就攤上這事相满〔阋冢” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵立美,是天一觀的道長(zhǎng)匿又。 經(jīng)常有香客問(wèn)我,道長(zhǎng)悯辙,這世上最難降的妖魔是什么琳省? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮躲撰,結(jié)果婚禮上针贬,老公的妹妹穿的比我還像新娘。我一直安慰自己拢蛋,他們只是感情好桦他,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著谆棱,像睡著了一般快压。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上垃瞧,一...
    開(kāi)封第一講書(shū)人閱讀 52,821評(píng)論 1 314
  • 那天蔫劣,我揣著相機(jī)與錄音,去河邊找鬼个从。 笑死脉幢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的嗦锐。 我是一名探鬼主播嫌松,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼奕污!你這毒婦竟也來(lái)了萎羔?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤碳默,失蹤者是張志新(化名)和其女友劉穎贾陷,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體嘱根,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡昵宇,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了儿子。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓦哎。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蒋譬,到底是詐尸還是另有隱情割岛,我是刑警寧澤,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布犯助,位于F島的核電站癣漆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏剂买。R本人自食惡果不足惜惠爽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望瞬哼。 院中可真熱鬧婚肆,春花似錦、人聲如沸坐慰。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)结胀。三九已至赞咙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間糟港,已是汗流浹背攀操。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留秸抚,地道東北人速和。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像耸别,于是被迫代替她去往敵國(guó)和親健芭。 傳聞我的和親對(duì)象是個(gè)殘疾皇子县钥,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容