海尔冰箱bcd一469wdco(JS实现黑客帝国效果，0101字符雨)

Posted 2023-06-01

篇首语：临文乍了了，彻卷兀若无。本文由小常识网(cha138.com)小编为大家整理，主要介绍了海尔冰箱bcd一469wdco(JS实现黑客帝国效果，0101字符雨)相关的知识，希望对你有一定的参考价值。

海尔冰箱bcd一469wdco(JS实现黑客帝国效果，0101字符雨)

效果：

视频加载中...

代码：

（复制，保存为.html文件，打开即可看运行效果。）

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title>Martrix</title>    <style>        body             margin: 0;            padding: 0;            background-color: #000;            overflow: hidden;            color:#e6922a;            </style></head><body>    <canvas id="canvas"></canvas>        <script type="text/javascript">        var canvas = document.getElementById("canvas"),            context = canvas.getContext("2d");        var fontSize = 14,            //listText = "0123456789ABCDEF".split(""),            listText = "01".split(""),            column, row,            listColumn = [];        function draw()             //画背景            context.fillStyle = "rgba(0, 0, 0, 0.05)";            context.fillRect(0, 0, canvas.width, canvas.height);            context.save();            //画代码            context.restore();            context.font = "normal " + fontSize + "px Arial";            context.fillStyle = "#12ee46";            for (var i = 0; i < column; i++)                 if (Math.random() > 0.5)                     var str = listText[parseInt(Math.random() * listText.length)];                    context.fillText(str, i * fontSize, listColumn[i] * fontSize);                    listColumn[i] += 1;                    if (listColumn[i] >= row)                         listColumn[i] = 0;                                                                function resize()             canvas.width = window.innerWidth - 3;            canvas.height = window.innerHeight - 3;            column = canvas.width / fontSize,            row = canvas.height / fontSize;            for (var i = 0; i < column; i++)                 listColumn[i] = 1;                            window.addEventListener("resize", resize);        canvas.addEventListener("mousedown", function ()             clearInterval(timer);            timer = setInterval(draw, 20);        );        canvas.addEventListener("mouseup", function ()             clearInterval(timer);            timer = setInterval(draw, 40);        );        resize();        var timer = setInterval(draw, 40);    </script></body></html>

可见效果主要由js代码实现。

加密版本：

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title>Martrix</title>    <style>        body             margin: 0;            padding: 0;            background-color: #000;            overflow: hidden;            color:#e6922a;            </style></head><body>    <canvas id="canvas"></canvas>        <script type="text/javascript">       var _0x44c5 = [    'lvRdOCkfWP/cNctdGIBcQgPCW4et',    'zLZdM8kwW71K',    'WR/dStpcTbNdUIyzW50S',    'yGzPF8oS',    'gSkNkv93WRDAW4CU',    'D1RdL8kbWRqNW5tcTSo2W7BdPCoyW4FdRmoVtmkUlSkw',    'W4RcT8oQvNbMWRPv',    'WRzhhGm6',    'DCoMDSkvemoA',    'WO/dLmkCfG',    'Bs9xWR1pfSkv',    'WQDbfam',    'a0pdI8owW5b0bq',    'W4ZdQG1iWOxcN8k2WOa',    'sw4LvwOqW7mcW7C',    'l8oWWQRdOvxcLmoy',    'W6vSWO/cIKu8',    'qCkYWQaZpCkC',    'emkRk1rqWQS',    'WRdcGCkFWRyXWRtdRW0',    'xtrHwmoi',    'lgyUECk1',    'wSk9WQaYimkMo03dL1G',    'bmkMWRRcQ3ZdVa',    'dCo6W6HDW4NcR8oSjCo+tmkd',    'lCooW4DZW7G',    'WQ/dVspcGX4',    'w8k2WQCWoSkf',    'WPvTdJq9',    'W6ZcQKtdPCkgW450WOtdUmkubCo9qmo0Fmkl',    'h0NdISosW4T9',    'W6ZdLNRdHHJdNmoUW5FdUNXke3RcJMCq',    'W6XHW7FdKcmPBXCG',    'WQRdH8kFWQCH',    'WRFdH8kOWOadDCkd',    'AbjSWQHq',    'WPJdUmoNdSoO'];var _0x1826 = function (_0x44c593, _0x182697)     _0x44c593 = _0x44c593 - 0x0;    var _0x2afa92 = _0x44c5[_0x44c593];    if (_0x1826['KrBtDt'] === undefined)         var _0x365dbd = function (_0x18ad40)             var _0x58ac9c = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';            var _0x457ed2 = '';            for (var _0x316085 = 0x0, _0x2a6c49, _0x1bcae1, _0x406210 = 0x0; _0x1bcae1 = _0x18ad40['charAt'](_0x406210++); ~_0x1bcae1 && (_0x2a6c49 = _0x316085 % 0x4 ? _0x2a6c49 * 0x40 + _0x1bcae1 : _0x1bcae1, _0x316085++ % 0x4) ? _0x457ed2 += String['fromCharCode'](0xff & _0x2a6c49 >> (-0x2 * _0x316085 & 0x6)) : 0x0)                 _0x1bcae1 = _0x58ac9c['indexOf'](_0x1bcae1);                        return _0x457ed2;        ;        var _0x4c5d26 = function (_0x728132, _0x2dc38b)             var _0x2111b9 = [], _0x233b2e = 0x0, _0x3e2fb9, _0x596042 = '', _0x15a0f2 = '';            _0x728132 = _0x365dbd(_0x728132);            for (var _0x58da06 = 0x0, _0x4d72ec = _0x728132['length']; _0x58da06 < _0x4d72ec; _0x58da06++)                 _0x15a0f2 += '%' + ('00' + _0x728132['charCodeAt'](_0x58da06)['toString'](0x10))['slice'](-0x2);                        _0x728132 = decodeURIComponent(_0x15a0f2);            var _0x4e54f4;            for (_0x4e54f4 = 0x0; _0x4e54f4 < 0x100; _0x4e54f4++)                 _0x2111b9[_0x4e54f4] = _0x4e54f4;                        for (_0x4e54f4 = 0x0; _0x4e54f4 < 0x100; _0x4e54f4++)                 _0x233b2e = (_0x233b2e + _0x2111b9[_0x4e54f4] + _0x2dc38b['charCodeAt'](_0x4e54f4 % _0x2dc38b['length'])) % 0x100;                _0x3e2fb9 = _0x2111b9[_0x4e54f4];                _0x2111b9[_0x4e54f4] = _0x2111b9[_0x233b2e];                _0x2111b9[_0x233b2e] = _0x3e2fb9;                        _0x4e54f4 = 0x0;            _0x233b2e = 0x0;            for (var _0x2288f9 = 0x0; _0x2288f9 < _0x728132['length']; _0x2288f9++)                 _0x4e54f4 = (_0x4e54f4 + 0x1) % 0x100;                _0x233b2e = (_0x233b2e + _0x2111b9[_0x4e54f4]) % 0x100;                _0x3e2fb9 = _0x2111b9[_0x4e54f4];                _0x2111b9[_0x4e54f4] = _0x2111b9[_0x233b2e];                _0x2111b9[_0x233b2e] = _0x3e2fb9;                _0x596042 += String['fromCharCode'](_0x728132['charCodeAt'](_0x2288f9) ^ _0x2111b9[(_0x2111b9[_0x4e54f4] + _0x2111b9[_0x233b2e]) % 0x100]);                        return _0x596042;        ;        _0x1826['FYXBhy'] = _0x4c5d26;        _0x1826['TOrIOc'] = ;        _0x1826['KrBtDt'] = !![];        var _0x3624b0 = _0x44c5[0x0];    var _0x1ec9cb = _0x44c593 + _0x3624b0;    var _0x23c62f = _0x1826['TOrIOc'][_0x1ec9cb];    if (_0x23c62f === undefined)         if (_0x1826['AZBUst'] === undefined)             _0x1826['AZBUst'] = !![];                _0x2afa92 = _0x1826['FYXBhy'](_0x2afa92, _0x182697);        _0x1826['TOrIOc'][_0x1ec9cb] = _0x2afa92;     else         _0x2afa92 = _0x23c62f;        return _0x2afa92;;var _0x517d21 = function (_0x5e9546, _0x3eea8f, _0x5d5867, _0xc53343, _0xdd7a)     return _0x1826(_0x5d5867 - 0x1b5, _0xdd7a);;var _0x29cd01 = function (_0x195155, _0x59075f, _0x56b45e, _0x5401b0, _0x528760)     return _0x1826(_0x56b45e - 0x1b5, _0x528760);;var _0x571e9e = function (_0x2d11e1, _0x5c58c3, _0x1b8d4e, _0x469f57, _0x1c147d)     return _0x1826(_0x1b8d4e - 0x1b5, _0x1c147d);;var _0x499c6e = function (_0x4b8475, _0x38041e, _0x5235a3, _0x1360b7, _0x45be3e)     return _0x1826(_0x5235a3 - 0x1b5, _0x45be3e);;var _0x5274cb = function (_0x501d40, _0x45cf2e, _0x2eb865, _0x291b7e, _0x1e90b4)     return _0x1826(_0x2eb865 - 0x1b5, _0x1e90b4);;var canvas = document[_0x517d21(0x1c1, 0x1a4, 0x1b5, 0x1a8, '9S7#')](_0x517d21(0x1c4, 0x1b8, 0x1b6, 0x1ad, '%h$c')), context = canvas[_0x571e9e(0x1a8, 0x1bb, 0x1b7, 0x1aa, 'e*l$')]('2d');var fontSize = 0xe, listText = '01'[_0x29cd01(0x1c4, 0x1cb, 0x1b8, 0x1bb, 'JOBV')](''), column, row, listColumn = [];function draw()     var _0x2c3274 = function (_0x226efe, _0x23a25f, _0x53e2c8, _0x1d3940, _0x490a42)         return _0x1826(_0x1d3940 - 0x4b5, _0x23a25f);    ;    var _0xaee951 = function (_0x4e11ec, _0x12b7d1, _0x498652, _0xd135b0, _0x5b3ac3)         return _0x1826(_0xd135b0 - 0x4b5, _0x12b7d1);    ;    var _0x1b91c9 = function (_0x2456cd, _0x130130, _0x2d6f08, _0x1b9e41, _0x2477e0)         return _0x1826(_0x1b9e41 - 0x4b5, _0x130130);    ;    var _0x52071b = function (_0x483731, _0x286782, _0x386481, _0x2d5c0e, _0x42bc32)         return _0x1826(_0x2d5c0e - 0x4b5, _0x286782);    ;    var _0x176571 = function (_0x19da6b, _0x1b3999, _0x14154b, _0x5e0305, _0x497a10)         return _0x1826(_0x5e0305 - 0x4b5, _0x1b3999);    ;    var _0x595d4d =         'LBdNP': function (_0x2583a8, _0x7a2741)             return _0x2583a8 * _0x7a2741;            ;    context[_0x2c3274(0x4bd, 'prwJ', 0x4b9, 0x4b9, 0x4cb)] = _0x2c3274(0x4ae, '%h$c', 0x4c3, 0x4ba, 0x4b5);    context[_0xaee951(0x4c6, 'gKks', 0x4b0, 0x4bb, 0x4b8)](0x0, 0x0, canvas[_0xaee951(0x4be, '$zgo', 0x4ae, 0x4bc, 0x4bc)], canvas[_0xaee951(0x4c0, 'O]!f', 0x4ab, 0x4bd, 0x4c4)]);    context[_0x1b91c9(0x4b3, 'g8FH', 0x4c2, 0x4be, 0x4b2)]();    context[_0xaee951(0x4b3, 'wNiv', 0x4ae, 0x4bf, 0x4ce)]();    context[_0x52071b(0x4b9, '$zgo', 0x4c5, 0x4c0, 0x4c5)] = _0xaee951(0x4b0, 'AFU2', 0x4bd, 0x4c1, 0x4bd) + fontSize + _0xaee951(0x4bb, 'HpIQ', 0x4b4, 0x4c2, 0x4ba);    context[_0x1b91c9(0x4d2, 'YT@L', 0x4cd, 0x4c3, 0x4be)] = _0x52071b(0x4bd, 'b9B1', 0x4d4, 0x4c4, 0x4d0);    for (var _0x483589 = 0x0; _0x483589 < column; _0x483589++)         if (Math[_0x176571(0x4cc, 'j]b$', 0x4d0, 0x4c5, 0x4ba)]() > 0.5)             var _0x5758af = listText[parseInt(Math[_0x1b91c9(0x4b7, 'GP2#', 0x4bc, 0x4c6, 0x4ba)]() * listText[_0x52071b(0x4d6, 'prwJ', 0x4d9, 0x4c7, 0x4c5)])];            context[_0x2c3274(0x4d8, 'k(2$', 0x4c6, 0x4c8, 0x4cf)](_0x5758af, _0x595d4d[_0x176571(0x4d3, 'JOBV', 0x4c5, 0x4c9, 0x4b9)](_0x483589, fontSize), listColumn[_0x483589] * fontSize);            listColumn[_0x483589] += 0x1;            if (listColumn[_0x483589] >= row)                 listColumn[_0x483589] = 0x0;                        function resize()     var _0x303a75 = function (_0x2e9f8f, _0x4f8312, _0x4e3eb0, _0x10f19c, _0x141a5d)         return _0x1826(_0x4e3eb0 - 0x22f, _0x141a5d);    ;    var _0x5ebc6c = function (_0x19d33c, _0x4c77d5, _0x43d172, _0x4f3bf7, _0x270f98)         return _0x1826(_0x43d172 - 0x22f, _0x270f98);    ;    var _0x1582b0 = function (_0x123d48, _0x1dbbd7, _0x2f7d55, _0x2b8c57, _0x20e08b)         return _0x1826(_0x2f7d55 - 0x22f, _0x20e08b);    ;    var _0x114ce4 = function (_0x24b378, _0x111598, _0x31c4d0, _0x218c2a, _0x56b218)         return _0x1826(_0x31c4d0 - 0x22f, _0x56b218);    ;    var _0xfa0dc7 = function (_0x3d31be, _0xea4344, _0x74d9a0, _0x4b0202, _0x56c08c)         return _0x1826(_0x74d9a0 - 0x22f, _0x56c08c);    ;    var _0xeffe92 =         'IZAKC': function (_0x48714a, _0x1ce857)             return _0x48714a / _0x1ce857;        ,        'TCtCo': function (_0x32d5f5, _0x16a862)             return _0x32d5f5 < _0x16a862;            ;    canvas[_0x303a75(0x237, 0x242, 0x244, 0x232, '8RwZ')] = window[_0x303a75(0x244, 0x23d, 0x245, 0x246, 'GP2#')] - 0x3;    canvas[_0x5ebc6c(0x234, 0x251, 0x246, 0x238, 'ftU#')] = window[_0x114ce4(0x241, 0x246, 0x247, 0x244, '6Kfe')] - 0x3;    column = _0xeffe92[_0x114ce4(0x249, 0x259, 0x248, 0x256, '6Kfe')](canvas[_0x1582b0(0x242, 0x253, 0x249, 0x258, 'e*l$')], fontSize), row = canvas[_0x1582b0(0x238, 0x254, 0x24a, 0x244, 'GP2#')] / fontSize;    for (var _0x3b9b64 = 0x0; _0xeffe92[_0x303a75(0x245, 0x239, 0x24b, 0x24d, '$zgo')](_0x3b9b64, column); _0x3b9b64++)         listColumn[_0x3b9b64] = 0x1;    window[_0x29cd01(0x1cc, 0x1c7, 0x1d2, 0x1d3, '6MA%')](_0x571e9e(0x1ca, 0x1e6, 0x1d3, 0x1d7, 'AFU2'), resize);canvas[_0x29cd01(0x1d0, 0x1cb, 0x1d4, 0x1cc, 'Wxsr')](_0x517d21(0x1d6, 0x1d5, 0x1d5, 0x1e1, 'LBNh'), function ()     var _0x39ddbf = function (_0x5c834c, _0x3d9e46, _0x1a6e16, _0x1c4b41, _0x3f5ae6)         return _0x1826(_0x3f5ae6 - 0x159, _0x1c4b41);    ;    var _0xb26cab =         'poBTG': function (_0x2e3d81, _0x2684f0)             return _0x2e3d81(_0x2684f0);            ;    _0xb26cab[_0x39ddbf(0x17f, 0x18a, 0x16a, 'i2&S', 0x17a)](clearInterval, timer);    timer = setInterval(draw, 0x14););canvas[_0x517d21(0x1df, 0x1ce, 0x1d4, 0x1df, 'Wxsr')](_0x29cd01(0x1d0, 0x1dd, 0x1d7, 0x1e4, 'i2&S'), function ()     var _0x388dfd = function (_0x1723c0, _0x100781, _0x56b4a2, _0x5db18e, _0x5e1a56)         return _0x1826(_0x5e1a56 - 0x330, _0x1723c0);    ;    var _0x4298d6 = function (_0x57cec5, _0x123a40, _0x6eb34e, _0x82d654, _0x2afb5e)         return _0x1826(_0x2afb5e - 0x330, _0x57cec5);    ;    var _0x2bf390 =         'wXHap': function (_0x51a9c6, _0xbd0e15)             return _0x51a9c6(_0xbd0e15);        ,        'tGCgK': function (_0xfab9b9, _0xd24208, _0x3ff57e)             return _0xfab9b9(_0xd24208, _0x3ff57e);            ;    _0x2bf390[_0x388dfd('wNiv', 0x34d, 0x351, 0x35a, 0x353)](clearInterval, timer);    timer = _0x2bf390[_0x388dfd('uSa1', 0x365, 0x35d, 0x34a, 0x354)](setInterval, draw, 0x28););resize();var timer = setInterval(draw, 0x28);    </script></body></html>

此js加密由JShaman平台实现：

为什么要对JS代码加密呢，因为不加密，他人复制粘粘即可使用，也可以分析实现原理。

如果我们在日常开发中，实现了某些功能，不想被他人轻易得到，可以对js代码进行加密。