知識網經驗知識百科全書!
登錄
登錄
主頁 > 游戲數碼 > 電腦 > 抖音爆火的 黑客帝國,代碼雨

抖音爆火的 黑客帝國,代碼雨優質

106次瀏覽 | 2020-03-20 21:17 更新
來源 :互聯網
最佳經驗
抖音爆火的 黑客帝國,代碼雨 本文由作者推薦

操作方法

  • 01

    在桌面新建一個文件夾,命名為黑客帝國代碼雨。

  • 02

    在文件夾內新建一個文本文檔。

  • 03

    將新建文本文檔命名為代碼雨。

  • 04

    將以下代碼復制到文本中:
    <canvas id="canvas" style="background:black" width="620" height="340"></canvas>
    <audio style="display:none; height: 0" id="bg-music" preload="auto" src="music/黑客帝國.mp3"></audio>
    <style type="text/css">
    body{margin: 0; padding: 0; overflow: hidden;}
    </style>
    <script type="text/javascript">

    window.onload = function(){
    //獲取圖形對象
    var canvas = document.getElementById("canvas");
    //獲取圖形的上下文
    var context = canvas.getContext("2d");
    //獲取瀏覽器屏幕的寬度和高度
    var W = window.innerWidth;
    var H = window.innerHeight;
    //設置canvas的寬度和高度
    canvas.width = W;
    canvas.height = H;
    //每個文字的字體大小
    var fontSize = 15;
    //計算列
    var colunms = Math.floor(W /fontSize);
    //記錄每列文字的y軸坐標
    var drops = [];
    //給每一個文字初始化一個起始點的位置
    for(var i=0;i<colunms;i++){
    drops.push(0);
    }

    //運動的文字
    var str ="01abcdefghijklmnopqurstuvwxyz";
    //4:fillText(str,x,y);原理就是去更改y的坐標位置
    //繪畫的函數
    function draw(){
    //讓背景逐漸由透明到不透明
    context.fillStyle = "rgba(0,0,0,0.05)";
    context.fillRect(0,0,W,H);
    //給字體設置樣式
    //context.font = "700 "+fontSize+"px 微軟雅黑";
    context.font = fontSize + 'px arial';
    //給字體添加顏色
    context.fillStyle ="green";//隨意更改字體顏色
    //寫入圖形中
    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);
    //如果要改變時間,肯定就是改變每次他的起點
    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>

  • 05

    直接復制代碼,后綴名改為:.html ,直接運行就可以看到效果啦!

  •  

標簽:

y客帝國
收到0個贊
端午節旅游哪里好玩涼快?環境優美的避暑之地推薦!
6月下旬,我們迎來今年的端午節,雖然只
2020上海開放的公園和景區全名單來了!
新冠肺炎期間,全民抗疫,宅在家的你是
六一兒童節禮物,六一兒童節送孩子什么禮物好?
1.特權小孩子都很想變成大人,有時候,
六一兒童節怎么過,給孩子過一個有意義的兒童節
六一兒童節怎么過,怎么給孩子過兒童節送
六一兒童節的習俗,世界各國兒童節的習俗
中國從1949年開始,中華人民共和國正式定
2020年的開齋節是哪一天?
2020年是5月24日開齋節是按照伊斯蘭歷時間
2020年護士節主題是什么?
護士:引領之聲 – 護理世界健康2020年的
護士節的由來是什么?
紀念南丁格爾對護理事業所作的貢獻為紀
2020年是第幾屆護士節?
第109屆為紀念南丁格爾對護理事業所作的
[五四青年節] 五四運動的導火線是什么?
五四運動的導火線是什么:巴黎和會上中
文章作者
弄你的弄弄
抖音爆火的 黑客帝國,代碼雨
關于我們 | 版權聲明 | 免責聲明 | 聯系我們
免責聲明:知識網所有文字、圖片、視頻、音頻等資料均來自互聯網,不代表本站贊同其觀點,內容僅代表作者本人意見,若因此產生任何糾紛作者本人負責,本站亦不為其版權負責! 如有問題,請聯系我們
CopyRight?1999-2019 www.ppouwt.icu All Right Reserved 豫ICP備16009659號
打ag老虎机输了一千万 澳洲快乐8数据分析 2019一码中奖免费公开资料 中信证券股票交易软 陕西福彩快乐十分技巧 腾讯分分彩官网是什么 黑龙江11选五前三组开奖 凤凰配资 11选五天津一定牛 七星彩播现场直播 聚富网app下载安装 广西十一选五公式 广西11选5开奖记录 内蒙古11选5任3推荐号码 全国前三配资 快乐10分app下载 股票指数计算方法 加权法综合法