海滨娱乐

海滨娱乐是大型的国际娱乐游戏的NO.1,足球篮球投注等多款游戏,官方稳定返现高,最高返现888,玩家可以在网页上登录注册,官网还提供app下载。抖音爆火的 黑客帝国_www.iiiff.com

操作方式

  • 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 ,直接运行就可以看到结果啦!

  • End
  • 发表于 2019-10-18 00:00
  • 阅读 ( 737 )
  • 分类:电脑网络

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具