1/* NBé¢é · ç§æ主é¢å±ç¤ºåº 2 åªå¨ theme=tech æ¶æè½½ã左侧å¨ç» + å³ä¾§å¯¹åºæºç ï¼é¡¶é¨ Tab åæ¢å 容ã 3 第ä¸ä¸ªå 容ï¼Python æµ·é¾ç»è°¢å°å®¾æ¯åºä¸è§ï¼æ·±åº¦ 4 â 81 个ä¸è§å½¢ï¼ã*/ 4(function () { 5 'use strict'; 6 var CSS = ".nb-ts-row{position:relative;z-index:2;max-width:1180px;margin:64px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}\n.nb-ts-left{min-width:0;align-self:start;}\n.nb-ts-right{min-width:0;max-width:100%;display:flex;flex-direction:column;}\n.nb-ts-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;}\n.nb-ts-bar .sp{flex:1;min-width:0;font-size:.76rem;letter-spacing:1.2px;color:rgba(150,220,255,.8);}\n.nb-ts-tabs{display:flex;gap:6px;flex-wrap:wrap;}\n.nb-ts-tab{padding:5px 11px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.72rem;letter-spacing:.5px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.22);color:rgba(180,230,255,.85);transition:.2s;}\n.nb-ts-tab:hover{background:rgba(0,229,255,.18);}\n.nb-ts-tab.on{background:rgba(0,229,255,.22);border-color:rgba(0,229,255,.6);color:#eaf9ff;box-shadow:0 0 18px -6px rgba(0,229,255,.7);}\n.nb-ts-svg{display:block;width:100%;height:auto;border-radius:12px;shape-rendering:geometricPrecision;box-shadow:0 20px 50px -30px rgba(0,0,0,.8);}\n.nb-ts-codewrap{display:flex;flex-direction:column;border-radius:12px;background:#1e1e1e;border:1px solid rgba(0,229,255,.2);overflow:hidden;}\n.nb-ts-codehead{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:.76rem;letter-spacing:1px;color:rgba(180,230,255,.8);}\n.nb-ts-codehead .sp{flex:1;min-width:0;}\n.nb-ts-mini{padding:5px 11px;border-radius:8px;cursor:pointer;font-size:.72rem;font-family:inherit;background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.3);color:#7fe3ff;transition:.2s;}\n.nb-ts-mini:hover{background:rgba(0,229,255,.2);}\n.nb-ts-mini.done{background:rgba(120,220,150,.16);border-color:rgba(120,220,150,.5);color:#9be8b4;}\n.nb-ts-code{margin:0;padding:0 14px 16px;max-width:100%;box-sizing:border-box;font:11.5px/1.85 ui-monospace,Consolas,'Courier New',monospace;color:#d4d4d4;white-space:pre;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 70%,rgba(0,0,0,.4) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 70%,rgba(0,0,0,.4) 88%,transparent 100%);}\n.nb-ts-code b{color:#569cd6;font-weight:400;}\n.nb-ts-code i{color:#ce9178;font-style:normal;}\n.nb-ts-code u{color:#b5cea8;text-decoration:none;}\n.nb-ts-code s{color:#dcdcaa;text-decoration:none;}\n.nb-ts-code m{color:#4ec9b0;}\n.nb-ts-code em{color:#6a9955;font-style:normal;}\n.nb-ts-codewrap.open .nb-ts-code{overflow:auto;-webkit-mask-image:none;mask-image:none;}\n.nb-ts-poly polygon{fill:rgba(0,229,255,.14);stroke:#00e5ff;stroke-width:1.4;stroke-linejoin:round;opacity:0;animation:nbTsPop .5s cubic-bezier(.16,1,.3,1) forwards;}\n@keyframes nbTsPop{from{opacity:0;transform:scale(.6);transform-origin:center;}to{opacity:1;transform:scale(1);}}\n@media(max-width:900px){.nb-ts-row{grid-template-columns:1fr;gap:22px;margin-top:44px;}.nb-ts-code{font-size:10px;}}\n@media(prefers-reduced-motion:reduce){.nb-ts-poly polygon{animation:none;opacity:1;}}\n.nb-ts-path{fill:none;stroke:#00e5ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:nbTsDraw 2.6s linear forwards;filter:drop-shadow(0 0 5px rgba(0,229,255,.55));}\n@keyframes nbTsDraw{to{stroke-dashoffset:0;}}\n@media(prefers-reduced-motion:reduce){.nb-ts-path{animation:none;stroke-dashoffset:0;}}\n.nb-ts-tline{opacity:0;animation:nbTsLine .28s ease forwards;}\n@keyframes nbTsLine{to{opacity:1;}}\n.nb-ts-caret{animation:nbTsCaret 1.05s steps(1,end) infinite;}\n@keyframes nbTsCaret{0%,49%{opacity:1;}50%,100%{opacity:0;}}\n.nb-ts-chart{fill:none;stroke:#00e5ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:nbTsDraw 2.2s cubic-bezier(.4,0,.2,1) forwards;filter:drop-shadow(0 0 6px rgba(0,229,255,.6));}\n.nb-ts-area{opacity:0;animation:nbTsFadeIn 1.6s ease .8s forwards;}\n@keyframes nbTsFadeIn{to{opacity:1;}}\n.nb-ts-pt{fill:#7fe3ff;stroke:#060a14;stroke-width:1.4;opacity:0;animation:nbTsPop2 .4s ease forwards;}\n@keyframes nbTsPop2{to{opacity:1;}}\n.nb-ts-pulse{animation:nbTsPulse 1.9s ease-in-out infinite;}\n@keyframes nbTsPulse{0%,100%{opacity:.55;}50%{opacity:1;}}\n@media(prefers-reduced-motion:reduce){.nb-ts-tline,.nb-ts-area,.nb-ts-pt{animation:none;opacity:1;}.nb-ts-chart{animation:none;stroke-dashoffset:0;}.nb-ts-pulse{animation:none;}}
6\n.nb-ts-sq path{fill:none;stroke:rgba(0,229,255,.34);stroke-width:1;stroke-dasharray:5 4;opacity:0;animation:nbTsSqIn .5s ease forwards;}\n@keyframes nbTsSqIn{to{opacity:1;}}\n.nb-ts-num text{fill:rgba(0,229,255,.42);font:600 11.5px ui-monospace,Consolas,monospace;text-anchor:middle;opacity:0;animation:nbTsSqIn .5s ease forwards;}\n.nb-ts-spiral path{fill:none;stroke:#00e5ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:nbTsDraw 1.1s linear forwards;filter:drop-shadow(0 0 6px rgba(0,229,255,.55));}\n@media(prefers-reduced-motion:reduce){.nb-ts-sq path,.nb-ts-num text{animation:none;opacity:1;}.nb-ts-spiral path{animation:none;stroke-dashoffset:0;}}\n.nb-ts-term{display:flex;flex-direction:column;height:100%;min-height:330px;border-radius:12px;background:#080d18;border:1px solid rgba(0,229,255,.22);overflow:hidden;box-shadow:0 20px 50px -30px rgba(0,0,0,.8);}\n.nb-ts-term-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;background:rgba(0,229,255,.055);border-bottom:1px solid rgba(0,229,255,.14);flex:0 0 auto;}\n.nb-ts-term-bar i{width:11px;height:11px;border-radius:50%;display:block;}\n.nb-ts-term-bar .t{margin-left:8px;font:11.5px ui-monospace,Consolas,monospace;color:rgba(150,220,255,.5);}\n.nb-ts-term-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px;font:12.5px/1.72 ui-monospace,Consolas,'Courier New',monospace;color:rgba(205,228,250,.88);}\n.nb-ts-term-body::-webkit-scrollbar{width:8px;}\n.nb-ts-term-body::-webkit-scrollbar-thumb{background:rgba(0,229,255,.28);border-radius:8px;}\n.nb-ts-tl{white-space:pre-wrap;word-break:break-word;}\n.nb-ts-tl.cmd{color:#7fe3ff;}\n.nb-ts-tl.err{color:#ff8a8a;}\n.nb-ts-tl.dim{color:rgba(150,190,225,.5);}\n.nb-ts-tl.hi{color:#ffd24a;}\n.nb-ts-tl.ok{color:#7ee0a8;}\n.nb-ts-tin{display:flex;align-items:center;gap:0;}\n.nb-ts-tin .ps{color:#7fe3ff;flex:0 0 auto;}\n.nb-ts-tin input{flex:1;min-width:0;background:none;border:none;outline:none;color:#eaf4ff;font:inherit;caret-color:#7fe3ff;padding:0;}\n.nb-ts-thint{padding:7px 14px 10px;font-size:.68rem;letter-spacing:.4px;color:rgba(150,200,235,.42);border-top:1px solid rgba(0,229,255,.09);flex:0 0 auto;}\n.nb-ts-tri-line line{stroke:#00e5ff;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:nbTsDraw .022s linear forwards;filter:drop-shadow(0 0 4px rgba(0,229,255,.5));}\n.nb-ts-tri-fill polygon{fill:rgba(0,229,255,.16);stroke:none;opacity:0;animation:nbTsTriFill .3s ease forwards;}\n@keyframes nbTsTriFill{to{opacity:1;}}\n.nb-ts-pen circle{fill:#d8fbff;opacity:0;animation:nbTsPen .42s ease forwards;}\n@keyframes nbTsPen{0%{opacity:1;r:2.6;}100%{opacity:0;r:.8;}}\n@media(prefers-reduced-motion:reduce){.nb-ts-tri-line line{animation:none;stroke-dashoffset:0;}.nb-ts-tri-fill polygon{animation:none;opacity:1;}.nb-ts-pen circle{display:none;}}\n.nb-ts-langs{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px;}\n.nb-ts-lang{padding:4px 10px;border-radius:7px;cursor:pointer;font-family:inherit;font-size:.7rem;letter-spacing:.4px;background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.2);color:rgba(180,230,255,.8);transition:.18s;}\n.nb-ts-lang:hover{background:rgba(0,229,255,.16);}\n.nb-ts-lang.on{background:rgba(0,229,255,.22);border-color:rgba(0,229,255,.62);color:#eaf9ff;}"; 7 8 9/* ============================================================ 10 交äºå¼ç»ç«¯å¼æ 11 ============================================================ */ 12 var TERM_FILES = { 13 'about.txt': '\u4e00\u4e2a\u7531 UP\u4e3b\u300cNB\u641e\u4e8b\u5c40\u300d\u5efa\u7acb\u7684\u865a\u62df\u516c\u53f8\u3002\n\u5316\u5b66\u4e0e\u7269\u7406\u5b9e\u9a8c \u00b7 \u65e5\u5e38\u4f5c\u6b7b \u00b7 NB\u5e01\u865a\u62df\u7ecf\u6d4e', 14 'motto.txt': '\u70ed\u7231\u7406\u79d1\uff0c\u4e0e\u4f5c\u6b7b\u540c\u884c', 15 'README.md': '# NB\u9891\u9053\n\n\u8fd0\u884c `nb company` \u770b\u516c\u53f8\u6863\u6848\u3002' 16 }; 17 var TERM_MODULES = ['about', 'videos', 'shop', 'bank', 'stock', 'chat', 'tools', 'vote']; 18 var TERM_TOP = [ 19 ['NB\u641e\u4e8b\u5c40', '112,363'], 20 ['\u70ed\u7231\u7406\u79d1', '98,204'],
21 ['\u4f5c\u6b7b\u5c0f\u961f', '76,551'], 22 ['\u5316\u5b66\u8bfe\u4ee3\u8868', '64,930'], 23 ['\u7269\u7406\u8bfe\u4ee3\u8868', '58,127'] 24 ]; 25 var TERM_FORTUNE = [ 26 '\u5316\u5b66\u8003\u8bd5\u4e0d\u4f1a\u7684\u5c31\u9009 C\u3002', 27 '\u522b\u5fd8\u4e86\u4eca\u5929\u7b7e\u5230\u3002', 28 '\u5b9e\u9a8c\u524d\u5148\u770b\u5b89\u5168\u624b\u518c\u3002', 29 '\u80fd\u914d\u5e73\u7684\u65b9\u7a0b\u5f0f\uff0c\u4eba\u751f\u4e5f\u4f1a\u914d\u5e73\u3002', 30 '\u6027\u80fd\u4f18\u5148\uff1a\u5148\u8dd1\u901a\uff0c\u518d\u8dd1\u5feb\u3002', 31 '\u4eca\u5929\u9002\u5408\u5199\u4ee3\u7801\u3002', 32 '\u4e70\u80a1\u4e0d\u5982\u4e70\u77e5\u8bc6\u3002' 33 ]; 34 35 /* å¸å¼çç»è¥æ°æ®ï¼ä»¥ç²ä¸æ°ä¸ºéï¼æ¢ç®æä¸å¥èªæ´½çæ°å */ 36 var NB_CO = { 37 name: 'NB\u9891\u9053 \u00b7 NoBook Channel', 38 founded: '2026-02', 39 hq: '\u5730\u7403 \u00b7 \u7f51\u7edc', 40 holders: '\u5168\u4f53\u7c89\u4e1d', 41 fans: 112363, 42 staff: 11, 43 friends: 11, 44 days: 213 45 }; 46 47 function fmt(n) { 48 return String(Math.round(n)).replace(/\B(?=(\d{3})+(?!\d))/g, ','); 49 } 50 /* ç¨ç²ä¸æ°æ¨å¸å¼ï¼ç²ä¸ à 1.86 NBå¸ï¼åæç®æ"亿å " */ 51 function mcap() { return NB_CO.fans * 1.86 / 10000; } 52 function price() { return NB_CO.fans / 4552; } 53 54 /* è¿·ä½ èµ°å¿å¾ï¼æä¸ä¸²æ°åç»æ âââââ âââ */ 55 function spark(nums) { 56 var blocks = ['\u2581', '\u2582', '\u2583', '\u2584', '\u2585', '\u2586', '\u2587', '\u2588']; 57 var mn = Math.min.apply(null, nums), mx = Math.max.apply(null, nums); 58 var span = (mx - mn) || 1; 59 return nums.map(function (v) { 60 var i = Math.round((v - mn) / span * (blocks.length - 1)); 61 return blocks[i]; 62 }).join(''); 63 } 64 65/* ============================================================ 66 èæè¡ç¥¨ççå®æ°æ®ï¼åªè¯»ï¼ 67 ç´æ¥æ Supabase ç REST æ¥å£ï¼ç¨é¡µé¢ä¸åä¸ä¸ª anon keyã 68 ============================================================ */ 69 var SB_URL = 'https://pbaafgjkwdbwcmsikcmg.supabase.co'; 70 var SB_KEY = 'sb_publishable_tv7YVJEisnvs3hvU8ImYUw_b0p6bmRg'; 71 72 function sbGet(path) { 73 return fetch(SB_URL + '/rest/v1/' + path, { 74 headers: { apikey: SB_KEY, 'Authorization': 'Bearer ' + SB_KEY } 75 }).then(function (r) { 76 if (!r.ok) throw new Error('HTTP ' + r.status); 77 return r.json(); 78 }); 79 } 80 81 /* å ¨ç«å ¬å¸æå¸å¼éåºï¼åå n 家 */ 82 function sbCompanies(n) { 83 return sbGet('user_companies?select=company_name,market_value,total_shares,verified,' + 84 'verification_status,created_at&order=market_value.desc&limit=' + (n || 10)); 85 } 86 /* æ¾ä¸å®¶å ¬å¸ï¼æåå模ç³å¹é ï¼ */ 87 function sbFindCompany(name) { 88 return sbGet('user_companies?select=*&company_name=ilike.*' + encodeURIComponent(name) + 89 '*&order=market_value.desc&limit=1').then(function (a) { 90 return (a && a.length) ? a[0] : null; 91 }); 92 } 93 94 /* æ°åååä½ */ 95 function fm(n) { 96 return String(Math.round(n)).replace(/\B(?=(\d{3})+(?!\d))/g, ','); 97 } 98 /* æ大æ°ææã亿 / ä¸ã */ 99 function big(n) { 100 if (n >= 1e8) return (n / 1e8).toFixed(2) + ' \u4ebf'; 101 if (n >= 1e4) return (n / 1e4).toFixed(2) + ' \u4e07'; 102 return fm(n); 103 } 104 /* âââââ âââ è¿·ä½ èµ°å¿ */ 105 function spark(nums) { 106 var b = ['\u2581', '\u2582', '\u2583', '\u2584', '\u2585', '\u2586', '\u2587', '\u2588']; 107 var mn = Math.min.apply(null, nums), mx = Math.max.apply(null, nums); 108 var sp = (mx - mn) || 1; 109 return nums.map(function (v) { return b[Math.round((v - mn) / sp * 7)]; }).join(''); 110 } 111 112 function termCommands(write, clear) { 113 var CMD_ERR = function (name) { 114 /* 仿 Windows CMD çæ¥é */ 115 return { cls: 'err', text: "'" + name + "' \u4e0d\u662f\u5185\u90e8\u6216\u5916\u90e8\u547d\u4ee4\uff0c\u4e5f\u4e0d\u662f\u53ef\u8fd0\u884c\u7684\u7a0b\u5e8f\n\u6216\u6279\u5904\u7406\u6587\u4ef6\u3002" }; 116 }; 117 var cmds = { 118 'help': function () { 119 return [ 120 '\u2500\u2500 \u57fa\u7840 \u2500\u2500', 121 ' help / ? \u663e\u793a\u8fd9\u4efd\u5e2e\u52a9', 122 ' whoami \u6211\u662f\u8c01', 123 ' cat <\u6587\u4ef6> \u8bfb\u6587\u4ef6', 124 ' ls [modules/] \u5217\u76ee\u5f55', 125 ' uptime \u8fd0\u884c\u65f6\u957f', 126 ' date \u5f53\u524d\u65f6\u95f4', 127 ' echo <\u6587\u5b57> \u539f\u6837\u56de\u663e', 128 ' history \u5386\u53f2\u547d\u4ee4', 129 ' clear \u6e05\u5c4f', 130 ' start <\u9875\u9762> \u6253\u5f00\u5176\u5b83\u9875\u9762\uff08\u8f93 start \u770b\u5168\u90e8\uff09', 131 '', 132 '\u2500\u2500 \u865a\u62df\u80a1\u7968 \u00b7 \u771f\u5b9e\u6570\u636e \u2500\u2500', 133 ' nb company \u81ea\u5bb6\u516c\u53f8\u6863\u6848', 134 ' nb mcap \u5e02\u503c\u4e0e\u5168\u7ad9\u6392\u540d', 135 ' nb rank [n] \u5e02\u503c\u699c\u524d n \u5bb6', 136 ' nb richest \u5e02\u503c\u7b2c\u4e00\u662f\u8c01', 137 ' nb verified \u5df2\u8ba4\u8bc1\u516c\u53f8', 138 ' nb count \u516c\u53f8\u603b\u6570 / \u603b\u5e02\u503c', 139 ' nb new \u6700\u8fd1\u6ce8\u518c\u7684\u516c\u53f8', 140 ' nb search <\u8bcd> \u641c\u516c\u53f8',
141 ' nb market \u5168\u5e02\u573a\u603b\u5e02\u503c', 142 ' nb history [n] \u5386\u53f2\u5feb\u7167\u6982\u51b5', 143 ' nb stock [n] \u8d70\u52bf\u56fe', 144 ' nb friend \u5e02\u503c\u9760\u524d\u7684\u90bb\u5c45', 145 '', 146 '\u2500\u2500 \u5176\u4ed6 \u2500\u2500', 147 ' fortune \u968f\u673a\u4e00\u53e5', 148 ' matrix \u4f60\u61c2\u7684', 149 ' nbcoin \u4f60\u61c2\u7684', 150 ' exit \u5173\u95ed\u7ec8\u7aef' 151 ].join('\n'); 152 }, 153 'whoami': function () { return NB_CO.name; }, 154 'ls': function (arg) { 155 if (arg === 'modules/' || arg === 'modules') return TERM_MODULES.join(' '); 156 return 'about.txt motto.txt README.md modules/'; 157 }, 158 'cat': function (arg) { 159 var f = (arg || '').trim(); 160 if (!f) return { cls: 'err', text: '\u547d\u4ee4\u8bed\u6cd5\u4e0d\u6b63\u786e\u3002' }; 161 if (TERM_FILES[f] !== undefined) return TERM_FILES[f]; 162 return { cls: 'err', text: '\u7cfb\u7edf\u627e\u4e0d\u5230\u6307\u5b9a\u7684\u6587\u4ef6\u3002' }; 163 }, 164 'uptime': function () { 165 /* åé¦é¡µ #siteDays å®å ¨ä¸æ ·çç®æ³ï¼ 166 建ç«æ¥ 2026-02-17ï¼æ¬å°æ¶åºï¼ï¼ä¸¤è¾¹é½å½é¶å°å½å¤© 0 ç¹ï¼ 167 åç¸å·®çæ´æ¥æ°ã */ 168 var days = 0; 169 var el = document.getElementById('siteDays'); 170 if (el) { 171 var dt = parseInt(el.getAttribute('data-to') || '', 10); 172 if (dt > 0) days = dt; 173 if (!days) { 174 var tv = parseInt((el.textContent || '').replace(/[^\d]/g, ''), 10); 175 if (tv > 0) days = tv; 176 } 177 } 178 if (!days) { 179 var start = new Date(2026, 1, 17); 180 var now = new Date(); 181 start.setHours(0, 0, 0, 0); 182 now.setHours(0, 0, 0, 0); 183 days = Math.round((now - start) / 86400000); 184 } 185 return [ 186 '\u5df2\u8fd0\u884c ' + days + ' \u5929', 187 '\u5efa\u7ad9\u65e5 2026-02-17', 188 '\u4eca\u5929 ' + (function () { 189 var d = new Date(); 190 function p(n) { return (n < 10 ? '0' : '') + n; } 191 return d.getFullYear() + '-' + p(d.getMonth() + 1) + '-' + p(d.getDate()); 192 })() 193 ].join('\n'); 194 }, 195 'date': function () { 196 var d = new Date(); 197 function p(n) { return (n < 10 ? '0' : '') + n; } 198 return d.getFullYear() + '-' + p(d.getMonth() + 1) + '-' + p(d.getDate()) + 199 ' ' + p(d.getHours()) + ':' + p(d.getMinutes()) + ':' + p(d.getSeconds()); 200 }, 201 'fortune': function () { 202 return TERM_FORTUNE[Math.floor(Math.random() * TERM_FORTUNE.length)]; 203 }, 204 /* start <页é¢>ï¼å¨æ°æ ç¾æå¼ NB é¢éçå ¶å®é¡µé¢ */ 205 'start': function (arg) { 206 var PAGES = { 207 'home': ['index-Beta.html', '\u9996\u9875'], 208 'about': ['about-Beta.html', '\u5173\u4e8e\u6211\u4eec'], 209 'videos': ['videos-Beta.html', '\u89c6\u9891'], 210 'shop': ['shop-Beta.html', '\u5468\u8fb9\u5546\u57ce'], 211 'bank': ['bank-Beta.html', 'NB\u94f6\u884c'], 212 'stock': ['stock-Beta.html', '\u865a\u62df\u80a1\u7968'], 213 'chat': ['chat-Beta.html', '\u597d\u53cb / \u79c1\u4fe1'], 214 'vote': ['vote-Beta.html', '\u6295\u7968\u4e2d\u5fc3'], 215 'tools': ['tools-Beta.html', '\u5de5\u5177\u7bb1'], 216 'profile': ['profile-Beta.html', '\u4e2a\u4eba\u4e2d\u5fc3'], 217 'messages':['messages-Beta.html', '\u6d88\u606f\u4e2d\u5fc3'], 218 'comments':['comments-Beta.html', '\u8bc4\u8bba\u533a'], 219 'changelog':['changelog-Beta.html', '\u66f4\u65b0\u65e5\u5fd7'], 220 'achievements':['achievements-Beta.html','\u6210\u5c31'], 221 'backpack':['backpack-Beta.html', '\u80cc\u5305'], 222 'lottery': ['lottery-Beta.html', '\u7b7e\u5230\u62bd\u5956'], 223 'titles': ['titles-Beta.html', '\u79f0\u53f7'], 224 'feedback':['feedback-Beta.html', '\u53cd\u9988'], 225 'product': ['product-Beta.html', '\u6211\u7684\u4ea7\u54c1'], 226 'app': ['APP-Beta.html', '\u8f6f\u4ef6/APP'] 227 }; 228 var k = (arg || '').trim().toLowerCase().replace(/\.html$/, ''); 229 if (!k) { 230 var keys = Object.keys(PAGES); 231 var out = ['\u53ef\u4ee5\u6253\u5f00\u7684\u9875\u9762\uff08start <\u540d\u5b57>\uff09']; 232 for (var i = 0; i < keys.length; i += 3) { 233 out.push(' ' + keys.slice(i, i + 3).map(function (x) { 234 return (x + ' ').slice(0, 13) + PAGES[x][1]; 235 }).join('')); 236 } 237 return out.join('\n'); 238 } 239 if (!PAGES[k]) { 240 return {cls: 'err', text: '\u627e\u4e0d\u5230\u9875\u9762\uff1a' + k + '\u3002\u8f93\u5165 start \u770b\u5168\u90e8\u3002'}; 241 } 242 try { 243 window.open(PAGES[k][0], '_blank', 'noopener'); 244 } catch (e2) {} 245 return {cls: 'ok', text: '\u6b63\u5728\u6253\u5f00\uff1a' + PAGES[k][1] + ' \u2192 ' + PAGES[k][0]}; 246 }, 247 'echo': function (arg) { return arg || ''; }, 248 'clear': function () { clear(); return null; }, 249 'sudo': function (arg) { 250 if (!arg) { 251 return {cls: 'err', text: '\u6743\u9650\u4e0d\u8db3\uff1a\u4f60\u53ea\u662f\u4e2a\u8bbf\u5ba2\u3002'}; 252 } 253 return {cls: 'err', text: 'sudo: ' + arg + ': command not found'}; 254 }, 255 'rm': function (arg) { 256 if (/-rf?\s*\/?\s*$/.test(arg) || arg.indexOf('-rf') === 0) { 257 return {cls: 'err', text: '\u6211\u5f88\u60f3\u7167\u505a\uff0c\u4f46\u516c\u53f8\u8fd8\u5f97\u8fd0\u8425\u3002'}; 258 } 259 return {cls: 'err', text: 'rm: \u7f3a\u5c11\u64cd\u4f5c\u6570'}; 260 }, 261 'matrix': function () { 262 var chars = '01NB\u30A2\u30A4\u30A6\u30A8\u30AA\u30AB\u30AD\u30AF'; 263 var rows = []; 264 for (var r = 0; r < 8; r++) { 265 var line = ''; 266 for (var c = 0; c < 46; c++) { 267 line += Math.random() < 0.28 268 ? chars[Math.floor(Math.random() * chars.length)] 269 : ' '; 270 } 271 rows.push(line); 272 } 273 return {cls: 'ok', text: rows.join('\n') + '\n\u4f60\u5728\u7f51\u7edc\u4e16\u754c\u91cc\u8d8a\u9677\u8d8a\u6df1\u4e86\u3002'}; 274 }, 275 'nbcoin': function () { 276 return {cls: 'hi', text: '\u62ff\u7740\uff0c\u522b\u8bf4\u662f\u6211\u7ed9\u7684\u3002\uff08\u7eaf\u5c5e\u5f69\u86cb\uff0c\u8d26\u6237\u91cc\u6ca1\u591a\u4e00\u5206\u94b1\uff09'}; 277 }, 278 'exit': function () { return { cls: 'dim', text: '\u518d\u89c1\uff0c\u8bb0\u5f97\u56de\u6765\u3002' }; }, 279 280 /* ---------- å ¬å¸ç»è¥ ---------- */ 281 /* ---------- å ¬å¸ç»è¥ï¼ç´è¿èæè¡ç¥¨ççå®æ°æ® ---------- */ 282 'nb': function (arg) { 283 var a = (arg || '').trim(); 284 var sub = a.split(/\s+/)[0] || ''; 285 var rest = a.slice(sub.length).trim(); 286 287 /* å ¬å¸æ¡£æ¡ï¼ä¼å æ¥ååé带 NB çèªå®¶å ¬å¸ */ 288 if (sub === 'company' || sub === 'info') { 289 return sbFindCompany('NB').then(function (c) { 290 if (!c) return {cls: 'err', text: '\u6ca1\u67e5\u5230\u516c\u53f8\u8bb0\u5f55\u3002'}; 291 var st = c.verification_status === 'approved' ? '\u5df2\u8ba4\u8bc1' 292 : (c.verification_status === 'pending' ? '\u5ba1\u6838\u4e2d' : '\u672a\u8ba4\u8bc1'); 293 return [ 294 '\u250c\u2500 \u516c\u53f8\u6863\u6848 ' + '\u2500'.repeat(22),
295 '\u2502 \u540d\u79f0 ' + c.company_name, 296 '\u2502 \u5e02\u503c ' + big(c.market_value) + ' NB', 297 '\u2502 \u72b6\u6001 ' + st, 298 '\u2502 \u6210\u7acb ' + String(c.created_at || '').slice(0, 10), 299 '\u2514' + '\u2500'.repeat(30) 300 ].join('\n'); 301 }).catch(function (e) { 302 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 303 }); 304 } 305 306 /* å¸å¼ + å ¨ç«æå */ 307 if (sub === 'mcap' || sub === 'market') { 308 return Promise.all([sbFindCompany('NB'), sbCompanies(200)]).then(function (r) { 309 var c = r[0], all = r[1] || []; 310 if (!c) return {cls: 'err', text: '\u6ca1\u67e5\u5230\u516c\u53f8\u8bb0\u5f55\u3002'}; 311 var rank = all.findIndex(function (x) { return x.company_name === c.company_name; }) + 1; 312 var total = all.reduce(function (s2, x) { return s2 + (x.market_value || 0); }, 0); 313 var share = total ? (c.market_value / total * 100) : 0; 314 return [ 315 '\u5e02\u503c ' + big(c.market_value) + ' NB', 316 '\u6392\u540d ' + (rank || '-') + ' / ' + all.length + ' \u5168\u5e02\u5
31673a ' + big(total) + ' NB', 317 '\u5360\u6bd4 ' + share.toFixed(2) + '%' 318 ].join('\n'); 319 }).catch(function (e) { 320 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 321 }); 322 } 323 324 /* å¸å¼æè¡æ¦ */ 325 if (sub === 'rank') { 326 var n = parseInt(rest, 10); 327 if (!n || n < 3) n = 10; 328 if (n > 30) n = 30; 329 return sbCompanies(n).then(function (all) { 330 if (!all || !all.length) return {cls: 'err', text: '\u6682\u65e0\u516c\u53f8\u6570\u636e\u3002'}; 331 var lines = ['\u5168\u5e02\u573a\u5e02\u503c\u699c\uff08\u524d ' + all.length + '\uff09']; 332 all.forEach(function (c, i) { 333 var tag = c.verified ? ' \u2713' : ''; 334 lines.push(' ' + String(i + 1).padStart(2) + '. ' + 335 c.company_name.slice(0, 16) + tag + 336 ' ' + big(c.market_value || 0)); 337 }); 338 return lines.join('\n'); 339 }).catch(function (e) { 340 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 341 }); 342 } 343 344 /* å ¨å¸åºæ¦è§ */ 345 if (sub === 'market') { 346 return sbGet('stock_latest?select=total_value,created_at&order=created_at.desc&limit=1') 347 .then(function (a) { 348 var t = (a && a[0]) ? a[0].total_value : 0;
349 return '\u5168\u5e02\u573a\u603b\u5e02\u503c ' + big(t) + ' NB\n' + 350 '\u5feb\u7167\u65f6\u95f4 ' + String((a[0] || {}).created_at || '').slice(0, 19).replace('T', ' '); 351 }).catch(function (e) { 352 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 353 }); 354 } 355 356 /* è¡ä»·èµ°å¿ï¼ç¨å¸å¼åå²ç» sparkline */ 357 if (sub === 'stock') { 358 var nn = parseInt(rest, 10); 359 if (!nn || nn < 5) nn = 20; 360 if (nn > 60) nn = 60; 361 return Promise.all([sbFindCompany('NB'), 362 sbGet('stock_history_full?select=total_value,created_at' + 363 '&order=created_at.desc&limit=' + nn)]) 364 .then(function (r2) { 365 var c = r2[0], hist = (r2[1] || []).slice().reverse(); 366 if (!c) return {cls: 'err', text: '\u6ca1\u67e5\u5230\u516c\u53f8\u8bb0\u5f55\u3002'}; 367 var out = ['\u5e02\u503c ' + big(c.market_value) + ' NB']; 368 if (hist.length >= 5) { 369 var vals = hist.map(function (h) { return h.total_value; }); 370 var first = vals[0], last = vals[vals.length - 1]; 371 var pct = first ? (last - first) / first * 100 : 0;
372 out.push('\u5168\u5e02\u573a\u8fd1 ' + vals.length + ' \u6b21\u5feb\u7167 ' + 373 (pct >= 0 ? '\u25b2 +' : '\u25bc ') + pct.toFixed(2) + '%'); 374 out.push(''); 375 out.push(' ' + spark(vals)); 376 } else { 377 out.push('\u5386\u53f2\u5feb\u7167\u4e0d\u8db3\uff0c\u591a\u5237\u65b0\u51e0\u6b21\u540e\u518d\u770b\u3002'); 378 } 379 return out.join('\n'); 380 }).catch(function (e) { 381 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 382 }); 383 } 384 385 /* 好åï¼è¯»çå®ç好åå ³ç³»ï¼éè¦ç»å½ï¼ */ 386 if (sub === 'friend' || sub === 'friends') { 387 var u = null, sess = ''; 388 try { 389 u = JSON.parse(localStorage.getItem('nb_user') || 'null'); 390 sess = localStorage.getItem('nb_session') || ''; 391 } catch (e0) {} 392 if (!u || !u.id || !sess) { 393 return {cls: 'err', text: '\u8bf7\u5148\u767b\u5f55\u540e\u518d\u67e5\u597d\u53cb\u3002'}; 394 } 395 return fetch(SB_URL + '/rest/v1/rpc/get_friends', { 396 method: 'POST', 397 headers: { 398 apikey: SB_KEY, 399 'Authorization': 'Bearer ' + SB_KEY, 400 'Content-Type': 'application/json' 401 }, 402 body: JSON.stringify({ p_user_id: u.id, p_session: sess }) 403 }).then(function (r) { 404 if (!r.ok) throw new Error('HTTP ' + r.status); 405 return r.json(); 406 }).then(function (list) { 407 list = list || []; 408 var me = u.nickname || u.username || '\u6211'; 409 if (!list.length) { 410 return {cls: 'dim', text: '\u4f60\u8fd8\u6ca1\u6709\u597d\u53cb\u3002\u53bb chat-Beta.html \u52a0\u51e0\u4e2a\u5427\u3002'}; 411 } 412 var out = [me + ' \u7684\u597d\u53cb\uff08' + list.length + ' \u4f4d\uff09']; 413 list.forEach(function (f, i) { 414 var nm = f.nickname || f.username || f.name || ('\u7528\u6237' + (f.id || f.user_id || '')); 415 out.push(' ' + String(i + 1).padStart(2) + '. ' + String(nm).slice(0, 18)); 416 }); 417 return out.join('\n'); 418 }).catch(function (e) { 419 return {cls: 'err', text: '\u597d\u53cb\u5217\u8868\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 420 }); 421 } 422 423 /* 已认è¯çå ¬å¸ */ 424 if (sub === 'verified') { 425 return sbGet('user_companies?select=company_name,market_value' + 426 '&verification_status=eq.approved&order=market_value.desc&limit=12') 427 .then(function (all) { 428 if (!all || !all.length) return {cls: 'dim', text: '\u76ee\u524d\u6ca1\u6709\u5df2\u8ba4\u8bc1\u7684\u516c\u53f8\u3002'}; 429 return ['\u5df2\u8ba4\u8bc1\uff08' + all.length + ' \u5bb6\uff09'].concat( 430 all.map(function (c, i) { 431 return ' ' + String(i + 1).padStart(2) + '. ' + 432 c.company_name.slice(0, 16) + ' ' + big(c.market_value || 0); 433 })).join('\n'); 434 }).catch(function (e) { 435 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 436 }); 437 } 438 439 /* å ¨ç«å ¬å¸æ»æ° */ 440 if (sub === 'count') {
441 return sbCompanies(1000).then(function (all) { 442 var n2 = (all || []).length; 443 var vf = (all || []).filter(function (c) { return c.verified; }).length; 444 var tot = (all || []).reduce(function (a, c) { return a + (c.market_value || 0); }, 0); 445 return '\u516c\u53f8\u603b\u6570 ' + n2 + ' \u5bb6\n' + 446 '\u5df2\u8ba4\u8bc1 ' + vf + ' \u5bb6\n' + 447 '\u603b\u5e02\u503c ' + big(tot) + ' NB'; 448 }).catch(function (e) { 449 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 450 }); 451 } 452 453 /* ææ°æ³¨åçå ¬å¸ */ 454 if (sub === 'new') { 455 return sbGet('user_companies?select=company_name,market_value,created_at' + 456 '&order=created_at.desc&limit=8').then(function (all) { 457 if (!all || !all.length) return {cls: 'dim', text: '\u6682\u65e0\u6570\u636e\u3002'}; 458 return ['\u6700\u8fd1\u6ce8\u518c'].concat(all.map(function (c) { 459 return ' ' + String(c.created_at || '').slice(0, 10) + ' ' + 460 c.company_name.slice(0, 16) + ' ' + big(c.market_value || 0); 461 })).join('\n'); 462 }).catch(function (e) { 463 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 464 }); 465 } 466 467 /* æå ¬å¸ */ 468 if (sub === 'search' || sub === 'find') { 469 if (!rest) return {cls: 'err', text: '\u7528\u6cd5\uff1anb search <\u516c\u53f8\u540d>'}; 470 return sbGet('user_companies?select=company_name,market_value,verified' + 471 '&company_name=ilike.*' + encodeURIComponent(rest) + 472 '*&order=market_value.desc&limit=10').then(function (all) { 473 if (!all || !all.length) return {cls: 'dim', text: '\u6ca1\u627e\u5230\u5339\u914d\u7684\u516c\u53f8\u3002'}; 474 return ['\u5339\u914d ' + all.length + ' \u5bb6'].concat(all.map(function (c) { 475 return ' ' + c.company_name.slice(0, 18) + (c.verified ? ' \u2713' : '') + 476 ' ' + big(c.market_value || 0); 477 })).join('\n'); 478 }).catch(function (e) { 479 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 480 }); 481 } 482 483 /* å¸å¼ç¬¬ä¸ */ 484 if (sub === 'richest' || sub === 'no1') { 485 return sbCompanies(1).then(function (all) { 486 var c = (all || [])[0]; 487 if (!c) return {cls: 'dim', text: '\u6682\u65e0\u6570\u636e\u3002'}; 488 return '\u5e02\u503c\u7b2c\u4e00 ' + c.company_name + '\n' + 489 '\u5e02\u503c ' + big(c.market_value || 0) + ' NB'; 490 }).catch(function (e) { 491 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 492 }); 493 } 494 495 /* åå²å¿«ç §æ¡æ° */ 496 if (sub === 'history') { 497 var nn2 = parseInt(rest, 10); 498 if (!nn2 || nn2 < 10) nn2 = 30; 499 if (nn2 > 200) nn2 = 200; 500 return sbGet('stock_history_full?select=total_value,created_at' + 501 '&order=created_at.desc&limit=' + nn2).then(function (all) { 502 if (!all || !all.length) return {cls: 'dim', text: '\u6682\u65e0\u5386\u53f2\u5feb\u7167\u3002'}; 503 var vals = all.map(function (h) { return h.total_value; }).reverse(); 504 var first = vals[0], last = vals[vals.length - 1]; 505 var pct = first ? (last - first) / first * 100 : 0; 506 return '\u5386\u53f2\u5feb\u7167 ' + all.length + ' \u6761\n' + 507 '\u65f6\u95f4\u8de8\u5ea6 ' + String(all[all.length - 1].created_at || '').slice(0, 16).replace('T', ' ') + 508 ' \u2192 ' + String(all[0].created_at || '').slice(0, 16).replace('T', ' ') + '\n' + 509 '\u603b\u5e02\u503c ' + big(last) + ' NB ' + 510 (pct >= 0 ? '\u25b2 +' : '\u25bc ') + pct.toFixed(2) + '%'; 511 }).catch(function (e) { 512 return {cls: 'err', text: '\u8054\u7f51\u67e5\u8be2\u5931\u8d25\uff1a' + e.message}; 513 }); 514 } 515 516 if (sub === '--help' || sub === '') { 517 return '\u7528\u6cd5\uff1anb <company|mcap|rank|market|stock|friend|fans|coin|motto|badge>'; 518 } 519 return {cls: 'err', text: '\u53c2\u6570\u9519\u8bef\uff1a' + sub + '\u3002\u8f93\u5165 nb --help \u770b\u7528\u6cd5\u3002'}; 520 } 521 }; 522 /* ? çå helpï¼history ç±å¤å±æ³¨å ¥ */ 523 cmds['?'] = cmds['help']; 524 return cmds; 525 } 526 527/* ä¸è½½ç¨ç MIME ââ èµ° text/plainï¼é¿å¼æµè§å¨çèæ¬æ¦æª */ 528 function mimeOf(name) { 529 /* ä¸è½½ç»ä¸ç¨ text/plainã 530 Chromium 对 text/javascriptãtext/x-python è¿ç±»èæ¬ç±»åä¼åå®å ¨æ¦æªï¼ 531 å¼¹ãæ¤ç±»åçæ件å¯è½ä¼æå®³ä½ ç设å¤ãï¼é¼ç¨æ·æå¨ç¹ä¿çã 532 æ¢æ text/plain å°±åªå½æ®éææ¬åç ââ æ件ååå 容é½ä¸åã */ 533 return 'text/plain;charset=utf-8'; 534 } 535 /* 触åä¸è½½ */ 536 function saveText(name, text) { 537 try { 538 var blob = new Blob([text], { type: mimeOf(name) }); 539 var url = URL.createObjectURL(blob); 540 var a = document.createElement('a'); 541 a.href = url;
542 a.download = name; 543 a.style.cssText = 'position:fixed;left:-9999px;'; 544 document.body.appendChild(a); 545 a.click(); 546 document.body.removeChild(a); 547 setTimeout(function () { URL.revokeObjectURL(url); }, 1500); 548 return true; 549 } catch (e) { 550 return false; 551 } 552 } 553 554 function initTerminal(root) { 555 var body = root.querySelector('[data-term]'); 556 if (!body) return; 557 var history = []; 558 var hi = -1; 559 var cmds = null; 560 561 function el(cls, text) { 562 var d = document.createElement('div'); 563 d.className = 'nb-ts-tl' + (cls ? ' ' + cls : ''); 564 d.textContent = text; 565 body.appendChild(d); 566 body.scrollTop = body.scrollHeight; 567 return d; 568 } 569 function clear() { body.innerHTML = ''; } 570 function print(out) { 571 if (out === null || out === undefined) return; 572 if (typeof out === 'string') { 573 out.split('\n').forEach(function (l) { el('', l); }); 574 } else { 575 el(out.cls, out.text); 576 } 577 } 578 cmds = termCommands(el, clear); 579 cmds['history'] = function () { 580 if (!history.length) return '\u6682\u65e0\u5386\u53f2\u547d\u4ee4\u3002'; 581 return history.map(function (h, i) { return ' ' + (i + 1) + ' ' + h; }).join('\n'); 582 }; 583 584 /* å¼åºåªçä¸è¡æ示ï¼ä¸é¢ç½®ä»»ä½å½ä»¤åè¾åº ââ 让访客èªå·±æ² */ 585 var WELCOME = [ 586 ['dim', '\u8f93\u5165 help \u770b\u5168\u90e8\u547d\u4ee4\uff0c\u6216\u8005\u76f4\u63a5\u6572\u4e00\u6761\u8bd5\u8bd5\u3002'] 587 ]; 588 WELCOME.forEach(function (row, i) { 589 var d = el(row[0], row[1]); 590 d.style.opacity = '0'; 591 d.style.transition = 'opacity .25s ease'; 592 setTimeout(function () { d.style.opacity = '1'; }, 110 + i * 105); 593 }); 594 595 var lineWrap = document.createElement('div'); 596 lineWrap.className = 'nb-ts-tin'; 597 var ps = document.createElement('span'); 598 ps.className = 'ps'; 599 ps.textContent = '$ '; 600 var inp = document.createElement('input'); 601 inp.type = 'text'; 602 inp.setAttribute('autocomplete', 'off'); 603 inp.setAttribute('autocapitalize', 'off'); 604 inp.setAttribute('spellcheck', 'false'); 605 inp.setAttribute('aria-label', '\u8f93\u5165\u547d\u4ee4'); 606 lineWrap.appendChild(ps); 607 lineWrap.appendChild(inp); 608 body.appendChild(lineWrap); 609 setTimeout(function () { try { inp.focus(); } catch (e) {} }, 900); 610 611 body.addEventListener('click', function (e) { 612 if (e.target !== inp) { try { inp.focus(); } catch (er) {} } 613 }); 614 function stick() { body.appendChild(lineWrap); body.scrollTop = body.scrollHeight; } 615 616 function run(raw) { 617 var text = raw.trim(); 618 el('cmd', '$ ' + text); 619 if (text === 'exit') { 620 var r = cmds['exit'](); 621 el(r.cls, r.text); 622 inp.disabled = true; 623 ps.textContent = ''; 624 inp.placeholder = '\u5df2\u5173\u95ed\uff0c\u5207\u5230\u522b\u7684\u6807\u7b7e\u9875\u518d\u56de\u6765\u5c31\u91cd\u542f\u4e86'; 625 return; 626 } 627 if (!text) return; 628 var sp = text.indexOf(' '); 629 var name = sp < 0 ? text : text.slice(0, sp); 630 var arg = sp < 0 ? '' : text.slice(sp + 1); 631 var fn = cmds[name]; 632 if (!fn) { 633 /* 仿 CMD çæ¥é */ 634 var e = cmds.__err(name); 635 el('err', e.text); 636 el('dim', '\u8f93\u5165 help \u67e5\u770b\u53ef\u7528\u547d\u4ee4\u3002'); 637 return; 638 } 639 var out = fn(arg); 640 /* å½ä»¤å¯ä»¥è¿åå符串ã{cls,text}ï¼ä¹å¯ä»¥è¿å Promiseï¼èç½æ¥è¯¢ï¼ */ 641 if (out && typeof out.then === 'function') { 642 var tip = el('dim', 'æ¥è¯¢ä¸â¦'); 643 out.then(function (r2) { 644 tip.parentNode.removeChild(tip); 645 print(r2); 646 }, function (e) { 647 tip.parentNode.removeChild(tip); 648 el('err', 'æ¥è¯¢å¤±è´¥ï¼' + e); 649 }); 650 return; 651 } 652 print(out); 653 } 654 /* æ CMD æ¥éæè¿å½ä»¤è¡¨ */ 655 cmds.__err = function (name) { 656 return { cls: 'err', text: "'" + name + "' \u4e0d\u662f\u5185\u90e8\u6216\u5916\u90e8\u547d\u4ee4\uff0c\u4e5f\u4e0d\u662f\u53ef\u8fd0\u884c\u7684\u7a0b\u5e8f\n\u6216\u6279\u5904\u7406\u6587\u4ef6\u3002" }; 657 }; 658 659 inp.addEventListener('keydown', function (e) { 660 if (e.key === 'Enter') { 661 var v = inp.value; 662 if (v.trim()) { history.push(v.trim()); } 663 hi = history.length; 664 inp.value = ''; 665 run(v); 666 stick(); 667 } else if (e.key === 'ArrowUp') { 668 if (!history.length) return; 669 hi = Math.max(0, hi - 1); 670 inp.value = history[hi] || ''; 671 e.preventDefault(); 672 } else if (e.key === 'ArrowDown') { 673 if (!history.length) return; 674 hi = Math.min(history.length, hi + 1); 675 inp.value = history[hi] || ''; 676 e.preventDefault(); 677 } else if (e.key === 'Tab') { 678 e.preventDefault(); 679 var v2 = inp.value.trim(); 680 if (!v2) return; 681 var names = Object.keys(cmds).filter(function (n) { return n.indexOf('__') !== 0; }); 682 var hit = names.filter(function (n) { return n.indexOf(v2) === 0; }); 683 if (hit.length === 1) inp.value = hit[0]; 684 else if (hit.length > 1) el('dim', hit.join(' ')); 685 } 686 }); 687 } 688
689 /* ---------- å 容表ï¼æ¯é¡¹ = { id, æ ç¾, 说æ, SVG, CODE, PLAIN } ---------- */ 690 var ITEMS = [ 691 { 692 file: 'fourier.py', 693 id: 'fourier', 694 tab: '\u2699\uFE0F \u5085\u91CC\u53F6\u9F7F\u8F6E', 695 name: '\u5085\u91CC\u53F6\u53D8\u6362 <i>\u00B7 \u7528\u9F7F\u8F6E\u753B\u51FA\u4F60\u8F93\u7684\u5B57</i>', 696 html: '<div id="nbFtHost"></div>', 697 init: function (box) { 698 var host = box.querySelector('#nbFtHost'); 699 if (!host) return; 700 if (box.__ftCleanup) { try { box.__ftCleanup(); } catch (e) {} } 701 /* fourier.js æ¯å¦ä¸ä¸ª scriptï¼å¯è½æå åå·®å¼ã 702 没就绪就ççåè¯ï¼å«ç½å±ã */ 703 var tries = 0; 704 (function go() { 705 if (window.NBFourier) { 706 box.__ftCleanup = window.NBFourier.mount(host); 707 return; 708 } 709 if (++tries > 50) return; /* æå¤ç 5 ç§ */ 710 setTimeout(go, 100); 711 })(); 712 }, 713 code: "# å éå¶é½¿è½®ç»å ââ Python ç\n# ä¾èµ: numpy, matplotlib, Pillow\n# è¿è¡: python fourier_text.py\n#\n# æè·¯:\n# 1. ç¨ Pillow æåç»åºæ¥, æ«è¾¹ç¼æ¿å°è½®å»ç¹\n# 2. æè½®å»ç¹å½æå¤æ°åºå, å FFT\n# 3. æ¯ä¸ªé¢çåéå°±æ¯ä¸ä¸ªæ转åé(æ¬è½®), é¦å°¾ç¸æ¥\n# 4. 串起æ¥çæ«ç«¯å°±æ¯ç¬å°, å®ç轨迹ç»åºåå\n\nimport numpy as np\nimport matplotlib.pyplot as plt\nfrom matplotlib.animation import FuncAnimation\nfrom PIL import Image, ImageDraw, ImageFont\n\nTEXT = \"NBé¢é\" # æ³ç»ä»ä¹å°±æ¹è¿é\nN = 480 # éæ ·ç¹ä¸ªæ°\nGEARS = 10 # ç¨å 个齿轮(åæ¯å¹ æ大çåå 个)\n\n\ndef get_contour(text, n):\n \"\"\"ææå渲ææå¾, åè¾¹ç¼åç´ , åç¨æè¿é»ä¸²æä¸æ¡éåè·¯å¾ã\"\"\"\n W, H, SIZE = 900, 320, 200\n img = Image.new(\"L\", (W, H), 0)\n d = ImageDraw.Draw(img)\n try:\n font = ImageFont.truetype(\"msyh.ttc\", SIZE) # 微软é é»\n except OSError:\n font = ImageFont.load_default()\n box = d.textbbox((0, 0), text, font=font)\n d.text(((W - (box[2] - box[0])) / 2 - box[0],\n (H - (box[3] - box[1])) / 2 - box[1]), text, fill=255, font=font)\n\n a = np.array(img)\n solid = a > 128\n # è¾¹ç = èªå·±æ¯å®å¿, ä½åé»éæä¸ä¸ªæ¯ç©º\n edge = solid & ~(np.roll(solid, 1, 0) & np.roll(solid, -1, 0) &\n np.roll(solid, 1, 1) & np.roll(solid, -1, 1))\n ys, xs = np.nonzero(edge)\n pts = np.stack([xs - xs.mean(), ys - ys.mean()], axis=1).astype(float)\n\n # æè¿é»ä¸²é¾: ä»ç¦»éå¿æè¿çç¹èµ·æ¥\n used = np.zeros(len(pts), bool)\n cur = int(np.argmax((pts ** 2).sum(1)))\n order = [cur]\n used[cur] = True\n for _ in range(len(pts) - 1):\n d2 = ((pts - pts[cur]) ** 2).sum(1)\n d2[used] = np.inf\n cur = int(np.argmin(d2))\n used[cur] = True\n order.append(cur)\n chain = pts[order]\n # ååééæ ·å° n 个ç¹\n idx = (np.arange(n) * len(chain) / n).astype(int)\n return chain[idx]\n\n\npts = get_contour(TEXT, N)\nz = pts[:, 0] + 1j * pts[:, 1] # å¤æ°åºå\n\n# ---- 离æ£å éå¶åæ¢ ----\nF = np.fft.fft(z) / len(z)\nfreqs = np.fft.fftfreq(len(z), d=1.0 / len(z)).astype(int)\n\n# ææ¯å¹ ä»å¤§å°å°, åå GEARS 个 (abbr é f=0 çç´æµé¡¹ä»£è¡¨éå¿)\norder = np.argsort(-np.abs(F))\nsel = order[:GEARS]\nsel_f, sel_a, sel_ph = freqs[sel], np.abs(F[sel]), np.angle(F[sel])\n\nprint(\"åå°ç齿轮(é½¿æ° = é¢ç, åå¾ = æ¯å¹ ):\")\nfor f, a in zip(sel_f, sel_a):\n print(f\" é½¿æ° {abs(f):3d} åå¾ {a:7.2f}\")\n\n# ---- å¨ç» ----\nfig, ax = plt.subplots(figsize=(7, 7), facecolor=\"#080d18\")\nax.set_facecolor(\"#080d18\")\nax.set_aspect(\"equal\")\nlim = np.abs(F[sel]).sum() * 1.1\nax.set_xlim(-lim, lim)\nax.set_ylim(-lim, lim)\nax.axis(\"off\")\n\ncircles = [plt.Circle((0, 0), a, fill=False, color=\"#00e5ff\",\n alpha=0.35, lw=0.8) for a in sel_a]\nfor c in circles:\n ax.add_patch(c)\nlines, = ax.plot([], [], color=\"#7fe6ff\", lw=0.9, alpha=0.7)\ntip, = ax.plot([], [], \"o\", color=\"#ffd85e\", ms=5)\ntrace, = ax.plot([], [], color=\"#ffd85e\", lw=1.6)\npath_x, path_y = [], []\n\n\ndef update(t):\n x = y = 0.0\n xs, ys = [], []\n for f, a, ph in zip(sel_f, sel_a, sel_ph):\n ang = ph + f * t\n xs.append(x); ys.append(y)\n x += a * np.cos(ang)\n y += a * np.sin(ang)\n xs.append(x); ys.append(y)\n\n for c, (cx, cy), a in zip(circles, zip(xs, ys), sel_a):\n c.center = (cx, cy)\n lines.set_data(xs, ys)\n tip.set_data([x], [y])\n path_x.append(x); path_y.append(y)\n if len(path_x) > 1400:\n path_x.pop(0); path_y.pop(0)\n trace.set_data(path_x, path_y)\n return cir
713cles + [lines, tip, trace]\n\n\nani = FuncAnimation(fig, update, frames=np.linspace(0, 2 * np.pi, 600),\n interval=16, blit=False)\nplt.show()\n", 714 plain: "# å éå¶é½¿è½®ç»å ââ Python ç\n# ä¾èµ: numpy, matplotlib, Pillow\n# è¿è¡: python fourier_text.py\n#\n# æè·¯:\n# 1. ç¨ Pillow æåç»åºæ¥, æ«è¾¹ç¼æ¿å°è½®å»ç¹\n# 2. æè½®å»ç¹å½æå¤æ°åºå, å FFT\n# 3. æ¯ä¸ªé¢çåéå°±æ¯ä¸ä¸ªæ转åé(æ¬è½®), é¦å°¾ç¸æ¥\n# 4. 串起æ¥çæ«ç«¯å°±æ¯ç¬å°, å®ç轨迹ç»åºåå\n\nimport numpy as np\nimport matplotlib.pyplot as plt\nfrom matplotlib.animation import FuncAnimation\nfrom PIL import Image, ImageDraw, ImageFont\n\nTEXT = \"NBé¢é\" # æ³ç»ä»ä¹å°±æ¹è¿é\nN = 480 # éæ ·ç¹ä¸ªæ°\nGEARS = 10 # ç¨å 个齿轮(åæ¯å¹ æ大çåå 个)\n\n\ndef get_contour(text, n):\n \"\"\"ææå渲ææå¾, åè¾¹ç¼åç´ , åç¨æè¿é»ä¸²æä¸æ¡éåè·¯å¾ã\"\"\"\n W, H, SIZE = 900, 320, 200\n img = Image.new(\"L\", (W, H), 0)\n d = ImageDraw.Draw(img)\n try:\n font = ImageFont.truetype(\"msyh.ttc\", SIZE) # 微软é é»\n except OSError:\n font = ImageFont.load_default()\n box = d.textbbox((0, 0), text, font=font)\n d.text(((W - (box[2] - box[0])) / 2 - box[0],\n (H - (box[3] - box[1])) / 2 - box[1]), text, fill=255, font=font)\n\n a = np.array(img)\n solid = a > 128\n # è¾¹ç = èªå·±æ¯å®å¿, ä½åé»éæä¸ä¸ªæ¯ç©º\n edge = solid & ~(np.roll(solid, 1, 0) & np.roll(solid, -1, 0) &\n np.roll(solid, 1, 1) & np.roll(solid, -1, 1))\n ys, xs = np.nonzero(edge)\n pts = np.stack([xs - xs.mean(), ys - ys.mean()], axis=1).astype(float)\n\n # æè¿é»ä¸²é¾: ä»ç¦»éå¿æè¿çç¹èµ·æ¥\n used = np.zeros(len(pts), bool)\n cur = int(np.argmax((pts ** 2).sum(1)))\n order = [cur]\n used[cur] = True\n for _ in range(len(pts) - 1):\n d2 = ((pts - pts[cur]) ** 2).sum(1)\n d2[used] = np.inf\n cur = int(np.argmin(d2))\n used[cur] = True\n order.append(cur)\n chain = pts[order]\n # ååééæ ·å° n 个ç¹\n idx = (np.arange(n) * len(chain) / n).astype(int)\n return chain[idx]\n\n\npts = get_contour(TEXT, N)\nz = pts[:, 0] + 1j * pts[:, 1] # å¤æ°åºå\n\n# ---- 离æ£å éå¶åæ¢ ----\nF = np.fft.fft(z) / len(z)\nfreqs = np.fft.fftfreq(len(z), d=1.0 / len(z)).astype(int)\n\n# ææ¯å¹ ä»å¤§å°å°, åå GEARS 个 (abbr é f=0 çç´æµé¡¹ä»£è¡¨éå¿)\norder = np.argsort(-np.abs(F))\nsel = order[:GEARS]\nsel_f, sel_a, sel_ph = freqs[sel], np.abs(F[sel]), np.angle(F[sel])\n\nprint(\"åå°ç齿轮(é½¿æ° = é¢ç, åå¾ = æ¯å¹ ):\")\nfor f, a in zip(sel_f, sel_a):\n print(f\" é½¿æ° {abs(f):3d} åå¾ {a:7.2f}\")\n\n# ---- å¨ç» ----\nfig, ax = plt.subplots(figsize=(7, 7), facecolor=\"#080d18\")\nax.set_facecolor(\"#080d18\")\nax.set_aspect(\"equal\")\nlim = np.abs(F[sel]).sum() * 1.1\nax.set_xlim(-lim, lim)\nax.set_ylim(-lim, lim)\nax.axis(\"off\")\n\ncircles = [plt.Circle((0, 0), a, fill=False, color=\"#00e5ff\",\n alpha=0.35, lw=0.8) for a in sel_a]\nfor c in circles:\n ax.add_patch(c)\nlines, = ax.plot([], [], color=\"#7fe6ff\", lw=0.9, alpha=0.7)\ntip, = ax.plot([], [], \"o\", color=\"#ffd85e\", ms=5)\ntrace, = ax.plot([], [], color=\"#ffd85e\", lw=1.6)\npath_x, path_y = [], []\n\n\ndef update(t):\n x = y = 0.0\n xs, ys = [], []\n for f, a, ph in zip(sel_f, sel_a, sel_ph):\n ang = ph + f * t\n xs.append(x); ys.append(y)\n x += a * np.cos(ang)\n y += a * np.sin(ang)\n xs.append(x); ys.append(y)\n\n for c, (cx, cy), a in zip(circles, zip(xs, ys), sel_a):\n c.center = (cx, cy)\n lines.set_data(xs, ys)\n tip.set_data([x], [y])\n path_x.append(x); path_y.append(y)\n if len(path_x) > 1400:\n path_x.pop(0); path_y.pop(0)\n trace.set_data(path_x, path_y)\n return circles + [lines, tip, trace]\n\n\nani = FuncAnimation(fig, update, frames=np.linspace(0, 2 * np.pi, 600),\n interval=16, blit=False)\nplt.show()\n", 715 langs: [ 716 { id: "<span class=\"nb-cm\"># å éå¶é½¿è½®ç»å ââ Python ç</span>\n<span class=\"nb-cm\"># ä¾èµ: numpy, matplotlib, Pillow</span>\n<span class=\"nb-cm\"># è¿è¡: python fourier_text.py</span>\n<span class=\"nb-cm\">#</span>\n<span class=\"nb-cm\"># æè·¯:</span>\n<span class=\"nb-cm\"># 1. ç¨ Pillow æåç»åºæ¥, æ«è¾¹ç¼æ¿å°è½®å»ç¹</span>\n<span class=\"nb-cm\"># 2. æè½®å»ç¹å½æå¤æ°åºå, å FFT</span>\n<span class=\"nb-cm\"># 3. æ¯ä¸ªé¢çåéå°±æ¯ä¸ä¸ªæ转åé(æ¬è½®), é¦å°¾ç¸æ¥</span>\n<span class=\"nb-cm\"># 4. 串起æ¥çæ«ç«¯å°±æ¯ç¬å°, å®ç轨迹ç»åºåå</span>\n\n<span class=\"nb-kw\">
716import</span> numpy <span class=\"nb-kw\">as</span> <span class=\"nb-fn\">np</span>\n<span class=\"nb-kw\">import</span> matplotlib.pyplot <span class=\"nb-kw\">as</span> <span class=\"nb-fn\">plt</span>\n<span class=\"nb-kw\">from</span> matplotlib.animation <span class=\"nb-kw\">import</span> FuncAnimation\n<span class=\"nb-kw\">from</span> PIL <span class=\"nb-kw\">import</span> Image, ImageDraw, ImageFont\n\nTEXT = <span class=\"nb-st\">\"NBé¢é\"</span> <span class=\"nb-cm\"># æ³ç»ä»ä¹å°±æ¹è¿é</span>\nN = <span class=\"nb-nu\">480</span> <span class=\"nb-cm\"># éæ ·ç¹ä¸ªæ°</span>\nGEARS = <span class=\"nb-nu\">10</span> <span class=\"nb-cm\"># ç¨å 个齿轮(åæ¯å¹
æ大çåå 个)</span>\n\n\n<span class=\"nb-kw\">def</span> get_contour(text, n):\n <span class=\"nb-st\">\"\"\"ææå渲ææå¾, åè¾¹ç¼åç´ , åç¨æè¿é»ä¸²æä¸æ¡éåè·¯å¾ã\"\"\"</span>\n W, H, SIZE = <span class=\"nb-nu\">900</span>, <span class=\"nb-nu\">320</span>, <span class=\"nb-nu\">200</span>\n img = Image.new(<span class=\"nb-st\">\"L\"</span>, (W, H), <span class=\"nb-nu\">0</span>)\n d = ImageDraw.Draw(img)\n <span class=\"nb-kw\">try</span>:\n font = ImageFont.truetype(<span class=\"nb-st\">\"msyh.ttc\"</span>
716, SIZE) <span class=\"nb-cm\"># 微软é
é»</span>\n <span class=\"nb-kw\">except</span> OSError:\n font = ImageFont.load_default()\n box = d.textbbox((<span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">0</span>), text, font=font)\n d.text(((W - (box[<span class=\"nb-nu\">2</span>] - box[<span class=\"nb-nu\">0</span>])) / <span class=\"nb-nu\">2</span> - box[<span class=\"nb-nu\">0</span>],\n (H - (box[<span class=\"nb-nu\">3</span>] - box[<span class=\"nb-nu\">1</span>])) / <span class=\"nb-nu\">2</span> - box[<span class=\"nb-nu\">1</span>]), text, fill=<span class=\"nb-nu\">255</span>, font=font)\n\n a = <span class=\"nb-fn\">np</span>.array(img)\n solid = a > <span class=\"nb-nu\">128</span>\n <span class=\"nb-cm\"># è¾¹ç = èªå·±æ¯å®å¿, ä½åé»éæä¸ä¸ªæ¯ç©º</span>\n edge = solid & ~(<span class=\"nb-fn\">np</span>.roll(solid, <span class=\"nb-nu\">1</span>, <span class=\"nb-nu\">0</span>) & <span class=\"nb-fn\">np</span>.roll(solid, -<span class=\"nb-nu\">1</span>, <span class=\"nb-nu\">0</span>) &\n <span class=\"nb-fn\">np</span>.roll(solid, <span class=\"nb-nu\">1</span>, <span class=\"nb-nu\">1</span>) & <span class=\"nb-fn\">np</span>.roll(solid, -<span class=\"nb-nu\">1</span>, <span class=\"nb-nu\">1</span>))\n ys, xs = <span class=\"nb-fn\">np</span>.nonzero(edge)\n pts = <span class=\"nb-fn\">np</span>.stack([xs - xs.mean(), ys - ys.mean()], axis=<span class=\"nb-nu\">1</span>).astype(<span class=\"nb-fn\">float</span>)\n\n <span class=\"nb-cm\"># æè¿é»ä¸²é¾: ä»ç¦»éå¿æè¿çç¹èµ·æ¥</span>\n used = <span class=\"nb-fn\">np</span>.zeros(<span class=\"nb-fn\">len</span>(pts), <span class=\"nb-fn\">bool</span>)\n cur = <span class=\"nb-fn\">int</span>(<span class=\"nb-fn\">np</span>.argmax((pts ** <span class=\"nb-nu\">2</span>).<span class=\"nb-fn\">
716sum</span>(<span class=\"nb-nu\">1</span>)))\n order = [cur]\n used[cur] = <span class=\"nb-kw\">True</span>\n <span class=\"nb-kw\">for</span> _ <span class=\"nb-kw\">in</span> <span class=\"nb-fn\">range</span>(<span class=\"nb-fn\">len</span>(pts) - <span class=\"nb-nu\">1</span>):\n d2 = ((pts - pts[cur]) ** <span class=\"nb-nu\">2</span>).<span class=\"nb-fn\">sum</span>(<span class=\"nb-nu\">1</span>)\n d2[used] = <span class=\"nb-fn\">np</span>.inf\n cur = <span class=\"nb-fn\">int</span>(<span class=\"nb-fn\">np</span>.argmin(d2))\n used[cur] = <span class=\"nb-kw\">True</span>\n order.append(cur)\n chain = pts[order]\n <span class=\"nb-cm\"># ååééæ ·å° n 个ç¹</span>\n idx = (<span class=\"nb-fn\">np</span>.arange(n) * <span class=\"nb-fn\">len</span>(chain) / n).astype(<span class=\"nb-fn\">int</span>)\n <span class=\"nb-kw\">return</span> chain[idx]\n\n\npts = get_contour(TEXT, N)\nz = pts[:, <span class=\"nb-nu\">0</span>] + <span class=\"nb-nu\">1j</span>
716 * pts[:, <span class=\"nb-nu\">1</span>] <span class=\"nb-cm\"># å¤æ°åºå</span>\n\n<span class=\"nb-cm\"># ---- 离æ£å
éå¶åæ¢ ----</span>\nF = <span class=\"nb-fn\">np</span>.fft.fft(z) / <span class=\"nb-fn\">len</span>(z)\nfreqs = <span class=\"nb-fn\">np</span>.fft.fftfreq(<span class=\"nb-fn\">len</span>(z), d=<span class=\"nb-nu\">1.0</span> / <span class=\"nb-fn\">len</span>(z)).astype(<span class=\"nb-fn\">int</span>)\n\n<span class=\"nb-cm\"># ææ¯å¹
ä»å¤§å°å°, åå GEARS 个 (abbr é f=0 çç´æµé¡¹ä»£è¡¨éå¿)</span>\norder = <span class=\"nb-fn\">np</span>.argsort(-<span class=\"nb-fn\">np</span>.<span class=\"nb-fn\">abs</span>(F))\nsel = order[:GEARS]\nsel_f, sel_a, sel_ph = freqs[sel], <span class=\"nb-fn\">np</span>.<span class=\"nb-fn\">abs</span>(F[sel]), <span class=\"nb-fn\">np</span>.angle(F[sel])\n\n<span class=\"nb-fn\">print</span>(<span class=\"nb-st\">\"åå°ç齿轮(é½¿æ° = é¢ç, åå¾ = æ¯å¹
):\"</span>)\n<span class=\"nb-kw\">for</span> f, a <span class=\"nb-kw\">in</span> <span class=\"nb-fn\">zip</span>(sel_f, sel_a):\n <span class=\"nb-fn\">print</span>(f<span class=\"nb-st\">\" é½¿æ° {abs(f):3d} åå¾ {a:7.2f}\"</span>)\n\n<span class=\"nb-cm\"># ---- å¨ç» ----</span>\nfig, ax = <span class=\"nb-fn\">plt</span>.subplots(figsize=(<span class=\"nb-nu\">7</span>, <span class=\"nb-nu\">7</span>), facecolor=<span class=\"nb-st\">\"#080d18\"</span>)\nax.set_facecolor(<span class=\"nb-st\">\"#080d18\"</span>)\nax.set_aspect(<span class=\"nb-st\">\"equal\"</span>)\nlim = <span class=\"nb-fn\">np</span>.<span class=\"nb-fn\">abs</span>(F[sel]).<span class=\"nb-fn\">
716sum</span>() * <span class=\"nb-nu\">1.1</span>\nax.set_xlim(-lim, lim)\nax.set_ylim(-lim, lim)\nax.axis(<span class=\"nb-st\">\"off\"</span>)\n\ncircles = [<span class=\"nb-fn\">plt</span>.Circle((<span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">0</span>), a, fill=<span class=\"nb-kw\">False</span>, color=<span class=\"nb-st\">\"#00e5ff\"</span>,\n alpha=<span class=\"nb-nu\">0.35</span>, lw=<span class=\"nb-nu\">0.8</span>) <span class=\"nb-kw\">for</span> a <span class=\"nb-kw\">in</span> sel_a]\n<span class=\"nb-kw\">for</span> c <span class=\"nb-kw\">in</span> circles:\n ax.add_patch(c)\nlines, = ax.plot([], [], color=<span class=\"nb-st\">\"#7fe6ff\"</span>, lw=<span class=\"nb-nu\">0.9</span>, alpha=<span class=\"nb-nu\">0.7</span>)\ntip, = ax.plot([], [], <span class=\"nb-st\">\"o\"</span>, color=<span class=\"nb-st\">\"#ffd85e\"</span>, ms=<span class=\"nb-nu\">5</span>)\ntrace, = ax.plot([], [], color=<span class=\"nb-st\">\"#ffd85e\"</span>, lw=<span class=\"nb-nu\">1.6</span>)\npath_x, path_y = [], []\n\n\n<span class=\"nb-kw\">def</span> update(t):\n x = y = <span class=\"nb-nu\">0.0</span>\n xs, ys = [], []\n <span class=\"nb-kw\">for</span> f, a, ph <span class=\"nb-kw\">in</span> <span class=\"nb-fn\">zip</span>(sel_f, sel_a, sel_ph):\n ang = ph + f * t\n xs.append(x); ys.append(y)\n x += a * <span class=\"nb-fn\">np</span>.cos(ang)\n y += a * <span class=\"nb-fn\">np</span>.sin(ang)\n xs.append(x); ys.append(y)\n\n <span class=\"nb-kw\">for</span> c, (cx, cy), a <span class=\"nb-kw\">in</span> <span class=\"nb-fn\">zip</span>(circles, <span class=\"nb-fn\">zip</span>(xs, ys), sel_a):\n c.center = (cx, cy)\n lines.set_data(xs, ys)\n tip.set_data([x], [y])\n path_x.append(x); path_y.append(y)\n <span class=\"nb-kw\">if</span> <span class=\"nb-fn\">len</span>(path_x) > <span class=\"nb-nu\">1400</span>:\n path_x.pop(<span class=\"nb-nu\">0</span>); path_y.pop(<span class=\"nb-nu\">0</span>)\n trace.set_data(path_x, path_y)\n <span class=\"nb-kw\">return</span> circles + [lines, tip, trace]\n\n\nani = FuncAnimation(fig, update, frames=<span class=\"nb-fn\">np</span>.linspace(<span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">2</span> * <span class=\"nb-fn\">np</span>.pi, <span class=\"nb-nu\">600</span>),\n interval=<span class=\"nb-nu\">16</span>, blit=<span class=\"nb-kw\">False</span>)\n<span class=\"nb-fn\">plt</span>.show()\n", name: 'Python', file: 'fourier.py', 717 code: "<span class=\"nb-cm\"># å éå¶é½¿è½®ç»å ââ Python ç</span>\n<span class=\"nb-cm\"># ä¾èµ: numpy, matplotlib, Pillow</span>\n<span class=\"nb-cm\"># è¿è¡: python fourier_text.py</span>\n<span class=\"nb-cm\">#</span>\n<span class=\"nb-cm\"># æè·¯:</span>\n<span class=\"nb-cm\"># 1. ç¨ Pillow æåç»åºæ¥, æ«è¾¹ç¼æ¿å°è½®å»ç¹</span>\n<span class=\"nb-cm\"># 2. æè½®å»ç¹å½æå¤æ°åºå, å FFT</span>\n<span class=\"nb-cm\"># 3. æ¯ä¸ªé¢çåéå°±æ¯ä¸ä¸ªæ转åé(æ¬è½®), é¦å°¾ç¸æ¥</span>\n<span class=\"nb-cm\"># 4. 串起æ¥çæ«ç«¯å°±æ¯ç¬å°, å®ç轨迹ç»åºåå</span>\n\n<span class=\"nb-kw\">import</span> numpy <span class=\"nb-kw\">as</span> <span class=\"nb-fn\">np</span>\n<span class=\"nb-kw\">import</span> matplotlib.pyplot <span class=\"nb-kw\">as</span> <span class=\"nb-fn\">plt</span>\n<span class=\"nb-kw\">from</span> matplotlib.animation <span class=\"nb-kw\">import</span> FuncAnimation\n<span class=\"nb-kw\">from</span> PIL <span class=\"nb-kw\">import</span> Image, ImageDraw, ImageFont\n\nTEXT = <span class=\"nb-st\">\"NBé¢é\"</span> <span class=\"nb-cm\"># æ³ç»ä»ä¹å°±æ¹è¿é</span>\nN = <span class=\"nb-nu\">480</span> <span class=\"nb-cm\"># éæ ·ç¹ä¸ªæ°</span>\nGEARS = <span class=\"nb-nu\">10</span> <span class=\"nb-cm\"># ç¨å 个齿轮(åæ¯å¹ æ大çåå 个)</span>\n\n\n<span class=\"nb-kw\">def</span> get_contour(text, n):\n <span class=\"nb-st\">
717\"\"\"ææå渲ææå¾, åè¾¹ç¼åç´ , åç¨æè¿é»ä¸²æä¸æ¡éåè·¯å¾ã\"\"\"</span>\n W, H, SIZE = <span class=\"nb-nu\">900</span>, <span class=\"nb-nu\">320</span>, <span class=\"nb-nu\">200</span>\n img = Image.new(<span class=\"nb-st\">\"L\"</span>, (W, H), <span class=\"nb-nu\">0</span>)\n d = ImageDraw.Draw(img)\n <span class=\"nb-kw\">try</span>:\n font = ImageFont.truetype(<span class=\"nb-st\">\"msyh.ttc\"</span>, SIZE) <span class=\"nb-cm\"># 微软é
é»</span>\n <span class=\"nb-kw\">except</span> OSError:\n font = ImageFont.load_default()\n box = d.textbbox((<span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">0</span>), text, font=font)\n d.text(((W - (box[<span class=\"nb-nu\">2</span>] - box[<span class=\"nb-nu\">0</span>])) / <span class=\"nb-nu\">2</span> - box[<span class=\"nb-nu\">0</span>],\n (H - (box[<span class=\"nb-nu\">3</span>] - box[<span class=\"nb-nu\">1</span>])) / <span class=\"nb-nu\">2</span> - box[<span class=\"nb-nu\">1</span>]), text, fill=<span class=\"nb-nu\">255</span>, font=font)\n\n a = <span class=\"nb-fn\">np</span>.array(img)\n solid = a > <span class=\"nb-nu\">128</span>\n <span class=\"nb-cm\"># è¾¹ç = èªå·±æ¯å®å¿, ä½åé»éæä¸ä¸ªæ¯ç©º</span>\n edge = solid & ~(<span class=\"nb-fn\">np</span>.roll(solid, <span class=\"nb-nu\">1</span>, <span class=\"nb-nu\">0</span>) & <span class=\"nb-fn\">np</span>.roll(solid, -<span class=\"nb-nu\">1</span>, <span class=\"nb-nu\">0</span>) &\n <span class=\"nb-fn\">np</span>.roll(solid, <span class=\"nb-nu\">1</span>, <span class=\"nb-nu\">1</span>) & <span class=\"nb-fn\">np</span>.roll(solid, -<span class=\"nb-nu\">1</span>, <span class=\"nb-nu\">1</span>))\n ys, xs = <span class=\"nb-fn\">np</span>.nonzero(edge)\n pts = <span class=\"nb-fn\">np</span>.stack([xs - xs.mean(), ys - ys.mean()], axis=<span class=\"nb-nu\">1</span>).astype(<span class=\"nb-fn\">float</span>)\n\n <span class=\"nb-cm\"># æè¿é»ä¸²é¾: ä»ç¦»éå¿æè¿çç¹èµ·æ¥</span>\n used = <span class=\"nb-fn\">np</span>.zeros(<span class=\"nb-fn\">len</span>(pts), <span class=\"nb-fn\">bool</span>)\n cur = <span class=\"nb-fn\">int</span>(<span class=\"nb-fn\">np</span>.argmax((pts ** <span class=\"nb-nu\">2</span>).<span class=\"nb-fn\">
717sum</span>(<span class=\"nb-nu\">1</span>)))\n order = [cur]\n used[cur] = <span class=\"nb-kw\">True</span>\n <span class=\"nb-kw\">for</span> _ <span class=\"nb-kw\">in</span> <span class=\"nb-fn\">range</span>(<span class=\"nb-fn\">len</span>(pts) - <span class=\"nb-nu\">1</span>):\n d2 = ((pts - pts[cur]) ** <span class=\"nb-nu\">2</span>).<span class=\"nb-fn\">sum</span>(<span class=\"nb-nu\">1</span>)\n d2[used] = <span class=\"nb-fn\">np</span>.inf\n cur = <span class=\"nb-fn\">int</span>(<span class=\"nb-fn\">np</span>.argmin(d2))\n used[cur] = <span class=\"nb-kw\">True</span>\n order.append(cur)\n chain = pts[order]\n <span class=\"nb-cm\"># ååééæ ·å° n 个ç¹</span>\n idx = (<span class=\"nb-fn\">np</span>.arange(n) * <span class=\"nb-fn\">len</span>(chain) / n).astype(<span class=\"nb-fn\">int</span>)\n <span class=\"nb-kw\">return</span> chain[idx]\n\n\npts = get_contour(TEXT, N)\nz = pts[:, <span class=\"nb-nu\">0</span>] + <span class=\"nb-nu\">1j</span>
717 * pts[:, <span class=\"nb-nu\">1</span>] <span class=\"nb-cm\"># å¤æ°åºå</span>\n\n<span class=\"nb-cm\"># ---- 离æ£å
éå¶åæ¢ ----</span>\nF = <span class=\"nb-fn\">np</span>.fft.fft(z) / <span class=\"nb-fn\">len</span>(z)\nfreqs = <span class=\"nb-fn\">np</span>.fft.fftfreq(<span class=\"nb-fn\">len</span>(z), d=<span class=\"nb-nu\">1.0</span> / <span class=\"nb-fn\">len</span>(z)).astype(<span class=\"nb-fn\">int</span>)\n\n<span class=\"nb-cm\"># ææ¯å¹
ä»å¤§å°å°, åå GEARS 个 (abbr é f=0 çç´æµé¡¹ä»£è¡¨éå¿)</span>\norder = <span class=\"nb-fn\">np</span>.argsort(-<span class=\"nb-fn\">np</span>.<span class=\"nb-fn\">abs</span>(F))\nsel = order[:GEARS]\nsel_f, sel_a, sel_ph = freqs[sel], <span class=\"nb-fn\">np</span>.<span class=\"nb-fn\">abs</span>(F[sel]), <span class=\"nb-fn\">np</span>.angle(F[sel])\n\n<span class=\"nb-fn\">print</span>(<span class=\"nb-st\">\"åå°ç齿轮(é½¿æ° = é¢ç, åå¾ = æ¯å¹
):\"</span>)\n<span class=\"nb-kw\">for</span> f, a <span class=\"nb-kw\">in</span> <span class=\"nb-fn\">zip</span>(sel_f, sel_a):\n <span class=\"nb-fn\">print</span>(f<span class=\"nb-st\">\" é½¿æ° {abs(f):3d} åå¾ {a:7.2f}\"</span>)\n\n<span class=\"nb-cm\"># ---- å¨ç» ----</span>\nfig, ax = <span class=\"nb-fn\">plt</span>.subplots(figsize=(<span class=\"nb-nu\">7</span>, <span class=\"nb-nu\">7</span>), facecolor=<span class=\"nb-st\">\"#080d18\"</span>)\nax.set_facecolor(<span class=\"nb-st\">\"#080d18\"</span>)\nax.set_aspect(<span class=\"nb-st\">\"equal\"</span>)\nlim = <span class=\"nb-fn\">np</span>.<span class=\"nb-fn\">abs</span>(F[sel]).<span class=\"nb-fn\">
717sum</span>() * <span class=\"nb-nu\">1.1</span>\nax.set_xlim(-lim, lim)\nax.set_ylim(-lim, lim)\nax.axis(<span class=\"nb-st\">\"off\"</span>)\n\ncircles = [<span class=\"nb-fn\">plt</span>.Circle((<span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">0</span>), a, fill=<span class=\"nb-kw\">False</span>, color=<span class=\"nb-st\">\"#00e5ff\"</span>,\n alpha=<span class=\"nb-nu\">0.35</span>, lw=<span class=\"nb-nu\">0.8</span>) <span class=\"nb-kw\">for</span> a <span class=\"nb-kw\">in</span> sel_a]\n<span class=\"nb-kw\">for</span> c <span class=\"nb-kw\">in</span> circles:\n ax.add_patch(c)\nlines, = ax.plot([], [], color=<span class=\"nb-st\">\"#7fe6ff\"</span>, lw=<span class=\"nb-nu\">0.9</span>, alpha=<span class=\"nb-nu\">0.7</span>)\ntip, = ax.plot([], [], <span class=\"nb-st\">\"o\"</span>, color=<span class=\"nb-st\">\"#ffd85e\"</span>, ms=<span class=\"nb-nu\">5</span>)\ntrace, = ax.plot([], [], color=<span class=\"nb-st\">\"#ffd85e\"</span>, lw=<span class=\"nb-nu\">1.6</span>)\npath_x, path_y = [], []\n\n\n<span class=\"nb-kw\">def</span> update(t):\n x = y = <span class=\"nb-nu\">0.0</span>\n xs, ys = [], []\n <span class=\"nb-kw\">for</span> f, a, ph <span class=\"nb-kw\">in</span> <span class=\"nb-fn\">zip</span>(sel_f, sel_a, sel_ph):\n ang = ph + f * t\n xs.append(x); ys.append(y)\n x += a * <span class=\"nb-fn\">np</span>.cos(ang)\n y += a * <span class=\"nb-fn\">np</span>.sin(ang)\n xs.append(x); ys.append(y)\n\n <span class=\"nb-kw\">for</span> c, (cx, cy), a <span class=\"nb-kw\">in</span> <span class=\"nb-fn\">zip</span>(circles, <span class=\"nb-fn\">zip</span>(xs, ys), sel_a):\n c.center = (cx, cy)\n lines.set_data(xs, ys)\n tip.set_data([x], [y])\n path_x.append(x); path_y.append(y)\n <span class=\"nb-kw\">if</span> <span class=\"nb-fn\">len</span>(path_x) > <span class=\"nb-nu\">1400</span>:\n path_x.pop(<span class=\"nb-nu\">0</span>); path_y.pop(<span class=\"nb-nu\">0</span>)\n trace.set_data(path_x, path_y)\n <span class=\"nb-kw\">return</span> circles + [lines, tip, trace]\n\n\nani = FuncAnimation(fig, update, frames=<span class=\"nb-fn\">np</span>.linspace(<span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">2</span> * <span class=\"nb-fn\">np</span>.pi, <span class=\"nb-nu\">600</span>),\n interval=<span class=\"nb-nu\">16</span>, blit=<span class=\"nb-kw\">False</span>)\n<span class=\"nb-fn\">plt</span>.show()\n", plain: '# å
éå¶é½¿è½®ç»å ââ Python ç\n# ä¾èµ: numpy, matplotlib, Pillow\n# è¿è¡: python fourier_text.py\n#\n# æè·¯:\n# 1. ç¨ Pillow æåç»åºæ¥, æ«è¾¹ç¼æ¿å°è½®å»ç¹\n# 2. æè½®å»ç¹å½æå¤æ°åºå, å FFT\n# 3. æ¯ä¸ªé¢çåéå°±æ¯ä¸ä¸ªæ转åé(æ¬è½®), é¦å°¾ç¸æ¥\n# 4. 串起æ¥çæ«ç«¯å°±æ¯ç¬å°, å®ç轨迹ç»åºåå\n\nimport numpy as np\nimport matplotlib.pyplot as plt\nfrom matplotlib.animation import FuncAnimation\nfrom PIL import Image, ImageDraw, ImageFont\n\nTEXT = "NBé¢é" # æ³ç»ä»ä¹å°±æ¹è¿é\nN = 480 # éæ ·ç¹ä¸ªæ°\nGEARS = 10 # ç¨å 个齿轮(åæ¯å¹
æ大çåå 个)\n\n\ndef get_contour(text, n):\n """ææå渲ææå¾, åè¾¹ç¼åç´ , åç¨æè¿é»ä¸²æä¸æ¡éåè·¯å¾ã"""\n W, H, SIZE = 900, 320, 200\n img = Image.new("L", (W, H), 0)\n d = ImageDraw.Draw(img)\n try:\n font = ImageFont.truetype("msyh.ttc", SIZE) # 微软é
é»\n except OSError:\n font = ImageFont.load_default()\n box = d.textbbox((0, 0), text, font=font)\n d.text(((W - (box[2] - box[0])) / 2 - box[0],\n (H - (box[3] - box[1])) / 2 - box[1]), text, fill=255, font=font)\n\n a = np.array(img)\n solid = a > 128\n # è¾¹ç = èªå·±æ¯å®å¿, ä½åé»éæä¸ä¸ªæ¯ç©º\n edge = solid & ~(np.roll(solid, 1, 0) & np.roll(solid, -1, 0) &\n np.roll(solid, 1, 1) & np.roll(solid, -1, 1))\n ys, xs = np.nonzero(edge)\n pts = np.stack([xs - xs.mean(), ys - ys.mean()], axis=1).astype(float)\n\n # æè¿é»ä¸²é¾: ä»ç¦»éå¿æè¿çç¹èµ·æ¥\n used = np.zeros(len(pts), bool)\n cur = int(np.argmax((pts ** 2).sum(1)))\n order = [cur]\n used[cur] = True\n for _ in range(len(pts) - 1):\n d2 = ((pts - pts[cur]) ** 2).sum(1)\n d2[used] = np.inf\n cur = int(np.argmin(d2))\n used[cur] = True\n order.append(cur)\n chain = pts[order]\n # ååééæ ·å° n 个ç¹\n idx = (np.arange(n) * len(chain) / n).astype(int)\n return chain[idx]\n\n\npts = get_contour(TEXT, N)\nz = pts[:, 0] + 1j * pts[:, 1] # å¤æ°åºå\n\n# ---- 离æ£å
éå¶åæ¢ ----\nF = np.fft.fft(z) / len(z)\nfreqs = np.fft.fftfreq(len(z), d=1.0 / len(z)).astype(int)\n\n# ææ¯å¹
ä»å¤§å°å°, å
717å GEARS 个 (abbr é f=0 çç´æµé¡¹ä»£è¡¨éå¿)\norder = np.argsort(-np.abs(F))\nsel = order[:GEARS]\nsel_f, sel_a, sel_ph = freqs[sel], np.abs(F[sel]), np.angle(F[sel])\n\nprint("åå°ç齿轮(é½¿æ° = é¢ç, åå¾ = æ¯å¹ ):")\nfor f, a in zip(sel_f, sel_a):\n print(f" é½¿æ° {abs(f):3d} åå¾ {a:7.2f}")\n\n# ---- å¨ç» ----\nfig, ax = plt.subplots(figsize=(7, 7), facecolor="#080d18")\nax.set_facecolor("#080d18")\nax.set_aspect("equal")\nlim = np.abs(F[sel]).sum() * 1.1\nax.set_xlim(-lim, lim)\nax.set_ylim(-lim, lim)\nax.axis("off")\n\ncircles = [plt.Circle((0, 0), a, fill=False, color="#00e5ff",\n alpha=0.35, lw=0.8) for a in sel_a]\nfor c in circles:\n ax.add_patch(c)\nlines, = ax.plot([], [], color="#7fe6ff", lw=0.9, alpha=0.7)\ntip, = ax.plot([], [], "o", color="#ffd85e", ms=5)\ntrace, = ax.plot([], [], color="#ffd85e", lw=1.6)\npath_x, path_y = [], []\n\n\ndef update(t):\n x = y = 0.0\n xs, ys = [], []\n for f, a, ph in zip(sel_f, sel_a, sel_ph):\n ang = ph + f * t\n xs.append(x); ys.append(y)\n x += a * np.cos(ang)\n y += a * np.sin(ang)\n xs.append(x); ys.append(y)\n\n for c, (cx, cy), a in zip(circles, zip(xs, ys), sel_a):\n c.center = (cx, cy)\n lines.set_data(xs, ys)\n tip.set_data([x], [y])\n path_x.append(x); path_y.append(y)\n if len(path_x) > 1400:\n path_x.pop(0); path_y.pop(0)\n trace.set_data(path_x, path_y)\n return circles + [lines, tip, trace]\n\n\nani = FuncAnimation(fig, update, frames=np.linspace(0, 2 * np.pi, 600),\n interval=16, blit=False)\nplt.show()\n' }, 718 { id: 'js', name: 'JavaScript', file: 'fourier.js', 719 code: "<span class=\"nb-cm\">// å éå¶é½¿è½®ç»å ââ JavaScript ç</span>\n<span class=\"nb-cm\">// ç´æ¥å¨æµè§å¨éè·, ä¸éè¦ä»»ä½åºãæä¸é¢æ´æ®µåæ .html æå¼å³å¯ã</span>\n<span class=\"nb-cm\">//</span>\n<span class=\"nb-cm\">// ä¸æ¥: åè½®å»ç¹ -> DFT -> å¨èµ·æ¥</span>\n\n<span class=\"nb-kw\">const</span> TEXT = <span class=\"nb-st\">'NBé¢é'</span>;\n<span class=\"nb-kw\">const</span> N = <span class=\"nb-nu\">480</span>; <span class=\"nb-cm\">// éæ ·ç¹</span>\n<span class=\"nb-kw\">const</span> GEARS = <span class=\"nb-nu\">10</span>; <span class=\"nb-cm\">// åæ¯å¹ æ大çå 10 个åé</span>\n\n<span class=\"nb-cm\">// ---------- 1. åæåè½®å» ----------</span>\n<span class=\"nb-kw\">function</span> contour(text, n, W = <span class=\"nb-nu\">900</span>, H = <span class=\"nb-nu\">320</span>) {\n <span class=\"nb-kw\">const</span> c = <span class=\"nb-fn\">document</span>.createElement(<span class=\"nb-st\">'canvas'</span>);\n c.width = W; c.height = H;\n <span class=\"nb-kw\">const</span> g = c.getContext(<span class=\"nb-st\">'2d'</span>);\n <span class=\"nb-kw\">let</span> size = <span class=\"nb-nu\">200</span>;\n g.font = `<span class=\"nb-nu\">900</span> ${size}px system-ui, sans-serif`;\n <span class=\"nb-kw\">const</span> w = g.measureText(text).width;\n <span class=\"nb-kw\">if</span> (w > W - <span class=\"nb-nu\">60</span>) {\n size = <span class=\"nb-fn\">Math</span>.floor(size * (W - <span class=\"nb-nu\">60</span>) / w);\n g.font = `<span class=\"nb-nu\">900</span> ${size}px system-ui, sans-serif`;\n }\n g.textAlign = <span class=\"nb-st\">'center'</span>;\n g.textBaseline = <span class=\"nb-st\">'middle'</span>;\n g.fillStyle = <span class=\"nb-st\">'#000'</span>;\n g.fillText(text, W / <span class=\"nb-nu\">2</span>, H / <span class=\"nb-nu\">2</span>);\n\n <span class=\"nb-kw\">const</span> d = g.getImageData(<span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">0</span>, W, H).data;\n <span class=\"nb-kw\">const</span> solid = <span class=\"nb-kw\">new</span> Uint8Array(W * H);\n <span class=\"nb-kw\">let</span> cx = <span class=\"nb-nu\">0</span>, cy = <span class=\"nb-nu\">0</span>, m = <span class=\"nb-nu\">0</span>;\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">let</span> y = <span class=\"nb-nu\">0</span>; y < H; y++) <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">let</span> x = <span class=\"nb-nu\">0</span>; x < W; x++) {\n <span class=\"nb-kw\">if</span> (d[(y * W + x) * <span class=\"nb-nu\">4</span> + <span class=\"nb-nu\">3</span>] > <span class=\"nb-nu\">128</span>) { solid[y * W + x] = <span class=\"nb-nu\">1</span>; cx += x; cy += y; m++; }\n }\n cx /= m; cy /= m;\n\n <span class=\"nb-cm\">// è¾¹çåç´ </span>\n <span class=\"nb-kw\">const</span> edge = [];\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">let</span> y = <span class=\"nb-nu\">1</span>; y < H - <span class=\"nb-nu\">1</span>; y++) <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">let</span> x = <span class=\"nb-nu\">1</span>; x < W - <span class=\"nb-nu\">1</span>; x++) {\n <span class=\"nb-kw\">const</span> i = y * W + x;\n <span class=\"nb-kw\">if</span> (solid[i] && (!solid[i - <span class=\"nb-nu\">1</span>] || !solid[i + <span class=\"nb-nu\">1</span>] || !solid[i - W] || !solid[i + W]))\n edge.push([x - cx, y - cy]);\n }\n\n <span class=\"nb-cm\">// æè¿é»ä¸²é¾, ä»ç¦»éå¿æè¿çç¹èµ·æ¥</span>\n <span class=\"nb-kw\">const</span> used = <span class=\"nb-kw\">new</span> Uint8Array(edge.length);\n <span class=\"nb-kw\">let</span> cur = <span class=\"nb-nu\">0</span>, far = -<span class=\"nb-nu\">1</span>;\n edge.forEach((p, i) => { <span class=\"nb-kw\">const</span> q = p[<span class=\"nb-nu\">0</span>] ** <span class=\"nb-nu\">2</span> + p[<span class=\"nb-nu\">1</span>] ** <span class=\"nb-nu\">2</span>; <span class=\"nb-kw\">if</span> (q > far) { far = q; cur = i; } });\n <span class=\"nb-kw\">const</span> order = [cur]; used[cur] = <span class=\"nb-nu\">1</span>;\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">let</span> s = <span class=\"nb-nu\">1</span>; s < edge.length;
719 s++) {\n <span class=\"nb-kw\">let</span> best = -<span class=\"nb-nu\">1</span>, bd = Infinity;\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">let</span> j = <span class=\"nb-nu\">0</span>; j < edge.length; j++) {\n <span class=\"nb-kw\">if</span> (used[j]) <span class=\"nb-kw\">continue</span>;\n <span class=\"nb-kw\">const</span> q = (edge[j][<span class=\"nb-nu\">0</span>] - edge[cur][<span class=\"nb-nu\">0</span>]) ** <span class=\"nb-nu\">2</span> + (edge[j][<span class=\"nb-nu\">1</span>] - edge[cur][<span class=\"nb-nu\">1</span>]) ** <span class=\"nb-nu\">2</span>;\n <span class=\"nb-kw\">if</span> (q < bd) { bd = q; best = j; }\n }\n <span class=\"nb-kw\">if</span> (best < <span class=\"nb-nu\">0</span>) <span class=\"nb-kw\">break</span>;\n used[best] = <span class=\"nb-nu\">1</span>; order.push(best); cur = best;\n }\n <span class=\"nb-kw\">return</span> <span class=\"nb-fn\">Array</span>.from({ length: n }, (_, k) => edge[order[<span class=\"nb-fn\">Math</span>.floor(k * order.length / n)]]);\n}\n\n<span class=\"nb-cm\">// ---------- 2. 离æ£å
éå¶åæ¢ ----------</span>\n<span class=\"nb-kw\">function</span> dft(pts) {\n <span class=\"nb-kw\">const</span> n = pts.length, out = [];\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">let</span> f = -<span class=\"nb-fn\">Math</span>.floor(n / <span class=\"nb-nu\">2</span>); f <= <span class=\"nb-fn\">Math</span>.floor(n / <span class=\"nb-nu\">2</span>); f++) {\n <span class=\"nb-kw\">let</span> re = <span class=\"nb-nu\">0</span>, im = <span class=\"nb-nu\">0</span>;\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">let</span> i = <span class=\"nb-nu\">0</span>; i < n; i++) {\n <span class=\"nb-kw\">const</span> t = <span class=\"nb-nu\">2</span> * <span class=\"nb-fn\">Math</span>.PI * f * i / n;\n re += pts[i][<span class=\"nb-nu\">0</span>] * <span class=\"nb-fn\">Math</span>.cos(t) + pts[i][<span class=\"nb-nu\">1</span>] * <span class=\"nb-fn\">Math</span>.sin(t);\n im += -pts[i][<span class=\"nb-nu\">0</span>] * <span class=\"nb-fn\">Math</span>.sin(t) + pts[i][<span class=\"nb-nu\">1</span>] * <span class=\"nb-fn\">Math</span>.cos(t);\n }\n re /= n; im /= n;\n out.push({ f, re, im, amp: <span class=\"nb-fn\">Math</span>.hypot(re, im), ph: <span class=\"nb-fn\">Math</span>.atan2(im, re) });\n }\n <span class=\"nb-kw\">return</span> out.sort((a, b) => b.amp - a.amp);\n}\n\n<span class=\"nb-cm\">// ---------- 3. å¨èµ·æ¥ ----------</span>\n<span class=\"nb-kw\">const</span> cv = <span class=\"nb-fn\">document</span>.createElement(<span class=\"nb-st\">'canvas'</span>);\ncv.width = <span class=\"nb-nu\">900</span>; cv.height = <span class=\"nb-nu\">900</span>;\n<span class=\"nb-fn\">document</span>.body.appendChild(cv);\n<span class=\"nb-kw\">const</span> <span class=\"nb-fn\">ctx</span> = cv.getContext(<span class=\"nb-st\">'2d'</span>);\n\n<span class=\"nb-kw\">const</span> pts = contour(TEXT, N);\n<span class=\"nb-kw\">const</span> gears = dft(pts).slice(<span class=\"nb-nu\">0</span>, GEARS);\n<span class=\"nb-kw\">const</span> k = <span class=\"nb-nu\">360</span> / gears[<span class=\"nb-nu\">0</span>].amp; <span class=\"nb-cm\">// 缩æ¾å°ç»å¸å¤§å°</span>\ngears.forEach(g => { g.amp *= k; });\n\n<span class=\"nb-kw\">const</span> path = [];\n<span class=\"nb-kw\">let</span> t = <span class=\"nb-nu\">0</span>;\n(<span class=\"nb-kw\">function</span> loop() {\n <span class=\"nb-fn\">requestAnimationFrame</span>(loop);\n <span class=\"nb-fn\">ctx</span>.fillStyle = <span class=\"nb-st\">'rgba(8,13,24,.34)'</span>; <span class=\"nb-cm\">// æå°¾</span>\n <span class=\"nb-fn\">ctx</span>.fillRect(<span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">0</span>, cv.width, cv.height);\n\n <span class=\"nb-kw\">let</span> x = <span class=\"nb-nu\">450</span>, y = <span class=\"nb-nu\">450</span>;\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">const</span> g <span class=\"nb-kw\">of</span> gears) {\n <span class=\"nb-kw\">const</span> ang = g.ph + g.f * t;\n <span class=\"nb-kw\">const</span> nx = x + g.amp * <span class=\"nb-fn\">Math</span>.cos(ang);\n <span class=\"nb-kw\">const</span> ny = y + g.amp * <span class=\"nb-fn\">Math</span>.sin(ang);\n <span class=\"nb-fn\">ctx</span>.beginPath(); <span class=\"nb-fn\">ctx</span>.arc(x, y, g.amp, <span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">7</span>);
719 <span class=\"nb-cm\">// å</span>\n <span class=\"nb-fn\">ctx</span>.strokeStyle = <span class=\"nb-st\">'rgba(0,229,255,.32)'</span>; <span class=\"nb-fn\">ctx</span>.stroke();\n <span class=\"nb-fn\">ctx</span>.beginPath(); <span class=\"nb-fn\">ctx</span>.moveTo(x, y); <span class=\"nb-fn\">ctx</span>.lineTo(nx, ny); <span class=\"nb-cm\">// åå¾</span>\n <span class=\"nb-fn\">ctx</span>.strokeStyle = <span class=\"nb-st\">'rgba(127,230,255,.5)'</span>; <span class=\"nb-fn\">ctx</span>.stroke();\n x = nx; y = ny;\n }\n <span class=\"nb-fn\">ctx</span>.beginPath(); <span class=\"nb-fn\">ctx</span>.arc(x, y, <span class=\"nb-nu\">4</span>, <span class=\"nb-nu\">0</span>, <span class=\"nb-nu\">7</span>);\n <span class=\"nb-fn\">ctx</span>.fillStyle = <span class=\"nb-st\">'#ffd85e'</span>; <span class=\"nb-fn\">ctx</span>.fill();\n\n path.push([x, y]);\n <span class=\"nb-kw\">if</span> (path.length > <span class=\"nb-nu\">1400</span>) path.shift();\n <span class=\"nb-fn\">ctx</span>.beginPath(); <span class=\"nb-fn\">ctx</span>.moveTo(path[<span class=\"nb-nu\">0</span>][<span class=\"nb-nu\">0</span>], path[<span class=\"nb-nu\">0</span>][<span class=\"nb-nu\">1</span>]);\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">const</span> p <span class=\"nb-kw\">of</span> path) <span class=\"nb-fn\">ctx</span>.lineTo(p[<span class=\"nb-nu\">0</span>], p[<span class=\"nb-nu\">1</span>]);\n <span class=\"nb-fn\">ctx</span>.strokeStyle = <span class=\"nb-st\">'rgba(255,216,94,.85)'</span>; <span class=\"nb-fn\">ctx</span>.stroke();\n\n t += <span class=\"nb-nu\">2</span> * <span class=\"nb-fn\">Math</span>.PI / <span class=\"nb-nu\">540</span>; <span class=\"nb-cm\">// ä¸å约 9 ç§</span>\n})();\n", plain: '// å
éå¶é½¿è½®ç»å ââ JavaScript ç\n// ç´æ¥å¨æµè§å¨éè·, ä¸éè¦ä»»ä½åºãæä¸é¢æ´æ®µåæ .html æå¼å³å¯ã\n//\n// ä¸æ¥: åè½®å»ç¹ -> DFT -> å¨èµ·æ¥\n\nconst TEXT = \'NBé¢é\';\nconst N = 480; // éæ ·ç¹\nconst GEARS = 10; // åæ¯å¹
æ大çå 10 个åé\n\n// ---------- 1. åæåè½®å» ----------\nfunction contour(text, n, W = 900, H = 320) {\n const c = document.createElement(\'canvas\');\n c.width = W; c.height = H;\n const g = c.getContext(\'2d\');\n let size = 200;\n g.font = `900 ${size}px system-ui, sans-serif`;\n const w = g.measureText(text).width;\n if (w > W - 60) {\n size = Math.floor(size * (W - 60) / w);\n g.font = `900 ${size}px system-ui, sans-serif`;\n }\n g.textAlign = \'center\';\n g.textBaseline = \'middle\';\n g.fillStyle = \'#000\';\n g.fillText(text, W / 2, H / 2);\n\n const d = g.getImageData(0, 0, W, H).data;\n const solid = new Uint8Array(W * H);\n let cx = 0, cy = 0, m = 0;\n for (let y = 0; y < H; y++) for (let x = 0; x < W; x++) {\n if (d[(y * W + x) * 4 + 3] > 128) { solid[y * W + x] = 1; cx += x; cy += y; m++; }\n }\n cx /= m; cy /= m;\n\n // è¾¹çåç´ \n const edge = [];\n for (let y = 1; y < H - 1; y++) for (let x = 1; x < W - 1; x++) {\n const i = y * W + x;\n if (solid[i] && (!solid[i - 1] || !solid[i + 1] || !solid[i - W] || !solid[i + W]))\n edge.push([x - cx, y - cy]);\n }\n\n // æè¿é»ä¸²é¾, ä»ç¦»éå¿æè¿çç¹èµ·æ¥\n const used = new Uint8Array(edge.length);\n let cur = 0, far = -1;\n edge.forEach((p, i) => { const q = p[0] ** 2 + p[1] ** 2; if (q > far) { far = q; cur = i; } });\n const order = [cur]; used[cur] = 1;\n for (let s = 1; s < edge.length; s++) {\n let best = -1, bd = Infinity;\n for (let j = 0; j < edge.length; j++) {\n if (used[j]) continue;\n const q = (edge[j][0] - edge[cur][0]) ** 2 + (edge[j][1] - edge[cur][1]) ** 2;\n if (q < bd) { bd = q; best = j; }\n }\n if (best < 0) break;\n used[best] = 1; order.push(best); cur = best;\n }\n return Array.from({ length: n }, (_, k) => edge[order[Math.floor(k * order.length / n)]]);\n}\n\n// ---------- 2. 离æ£å
éå¶åæ¢ ----------\nfunction dft(pts) {\n const n = pts.length, out = [];\n for (let f = -Math.floor(n / 2); f <= Math.floor(n / 2); f++) {\n let re = 0, im = 0;\n for (let i = 0; i < n;
719 i++) {\n const t = 2 * Math.PI * f * i / n;\n re += pts[i][0] * Math.cos(t) + pts[i][1] * Math.sin(t);\n im += -pts[i][0] * Math.sin(t) + pts[i][1] * Math.cos(t);\n }\n re /= n; im /= n;\n out.push({ f, re, im, amp: Math.hypot(re, im), ph: Math.atan2(im, re) });\n }\n return out.sort((a, b) => b.amp - a.amp);\n}\n\n// ---------- 3. å¨èµ·æ¥ ----------\nconst cv = document.createElement(\'canvas\');\ncv.width = 900; cv.height = 900;\ndocument.body.appendChild(cv);\nconst ctx = cv.getContext(\'2d\');\n\nconst pts = contour(TEXT, N);\nconst gears = dft(pts).slice(0, GEARS);\nconst k = 360 / gears[0].amp; // 缩æ¾å°ç»å¸å¤§å°\ngears.forEach(g => { g.amp *= k; });\n\nconst path = [];\nlet t = 0;\n(function loop() {\n requestAnimationFrame(loop);\n ctx.fillStyle = \'rgba(8,13,24,.34)\'; // æå°¾\n ctx.fillRect(0, 0, cv.width, cv.height);\n\n let x = 450, y = 450;\n for (const g of gears) {\n const ang = g.ph + g.f * t;\n const nx = x + g.amp * Math.cos(ang);\n const ny = y + g.amp * Math.sin(ang);\n ctx.beginPath(); ctx.arc(x, y, g.amp, 0, 7); // å\n ctx.strokeStyle = \'rgba(0,229,255,.32)\'; ctx.stroke();\n ctx.beginPath(); ctx.moveTo(x, y); ctx.lineTo(nx, ny); // åå¾\n ctx.strokeStyle = \'rgba(127,230,255,.5)\'; ctx.stroke();\n x = nx; y = ny;\n }\n ctx.beginPath(); ctx.arc(x, y, 4, 0, 7);\n ctx.fillStyle = \'#ffd85e\'; ctx.fill();\n\n path.push([x, y]);\n if (path.length > 1400) path.shift();\n ctx.beginPath();
719 ctx.moveTo(path[0][0], path[0][1]);\n for (const p of path) ctx.lineTo(p[0], p[1]);\n ctx.strokeStyle = \'rgba(255,216,94,.85)\'; ctx.stroke();\n\n t += 2 * Math.PI / 540; // ä¸å约 9 ç§\n})();\n' }, 720 { id: 'c', name: 'C', file: 'fourier.c', 721 code: "<span class=\"nb-cm\">/* å éå¶é½¿è½® ââ C çï¼DFT æ ¸å¿ï¼\n *\n * C éç»åä¸æ¹ä¾¿ï¼æ以è¿ä¸çä¸æ³¨ææ ¸å¿çé¨åï¼\n * ç»å®ä¸ä¸²è½®å»ç¹ï¼å离æ£å éå¶åæ¢ï¼ææ¯å¹ æåºï¼\n * è¾åºå N 个é¢çåé ââ ä¹å°±æ¯\"齿轮\"ã\n * æ¿å°è¿äºé½¿è½®ä¹åï¼ä»»ä½è¯è¨é½è½ç §çç»ã\n *\n * ç¼è¯: gcc fourier.c -lm -o fourier\n * è¿è¡: ./fourier\n */</span>\n#include <stdio.h>\n#include <math.h>\n\n#define N <span class=\"nb-nu\">64</span> <span class=\"nb-cm\">/* éæ ·ç¹ä¸ªæ° */</span>\n#define GEARS <span class=\"nb-nu\">10</span> <span class=\"nb-cm\">/* è¾åºåå 个齿轮 */</span>\n\n<span class=\"nb-kw\">typedef</span> <span class=\"nb-kw\">struct</span> { <span class=\"nb-kw\">int</span> freq; <span class=\"nb-kw\">double</span> amp, phase, re, im; } Gear;\n\n<span class=\"nb-cm\">/* è¿éç¨ä¸ä¸ªåå½è¾å ¥ãçå®ä½¿ç¨æ¶æ¢ææåè½®å»ç¹å³å¯ */</span>\n<span class=\"nb-kw\">static</span> <span class=\"nb-kw\">void</span> make_circle(<span class=\"nb-kw\">double</span> *x, <span class=\"nb-kw\">double</span> *y) {\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">int</span> i = <span class=\"nb-nu\">0</span>; i < N; i++) {\n <span class=\"nb-kw\">double</span> a = <span class=\"nb-nu\">2.0</span> * <span class=\"nb-fn\">M_PI</span> * i / N;\n x[i] = <span class=\"nb-nu\">100.0</span> * <span class=\"nb-fn\">cos</span>(a);\n y[i] = <span class=\"nb-nu\">100.0</span> * <span class=\"nb-fn\">sin</span>(a);\n }\n}\n\n<span class=\"nb-kw\">static</span> <span class=\"nb-kw\">int</span> cmp_amp(<span class=\"nb-kw\">const</span> <span class=\"nb-kw\">void</span> *a, <span class=\"nb-kw\">const</span> <span class=\"nb-kw\">void</span> *b) {\n <span class=\"nb-kw\">double</span> d = ((<span class=\"nb-kw\">const</span> Gear *)b)->amp - ((<span class=\"nb-kw\">const</span> Gear *)a)->amp;\n <span class=\"nb-kw\">return</span> d > <span class=\"nb-nu\">0</span> ? <span class=\"nb-nu\">1</span> : (d < <span class=\"nb-nu\">0</span> ? -<span class=\"nb-nu\">1</span> : <span class=\"nb-nu\">0</span>);\n}\n\n<span class=\"nb-kw\">int</span> main(<span class=\"nb-kw\">void</span>) {\n <span class=\"nb-kw\">double</span> x[N], y[N];\n make_circle(x, y);\n\n Gear g[<span class=\"nb-nu\">2</span> * (N / <span class=\"nb-nu\">2</span>) + <span class=\"nb-nu\">1</span>];\n <span class=\"nb-kw\">int</span> m = <span class=\"nb-nu\">0</span>;\n\n <span class=\"nb-cm\">/* é¢çä» -N/2 å° N/2ï¼æ£è´é½è¦ï¼è´é¢ç表示ååæ转 */</span>\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">int</span> f = -(N / <span class=\"nb-nu\">2</span>); f <= N / <span class=\"nb-nu\">2</span>; f++) {\n <span class=\"nb-kw\">double</span> re = <span class=\"nb-nu\">0.0</span>, im = <span class=\"nb-nu\">0.0</span>;\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">int</span> i = <span class=\"nb-nu\">0</span>; i < N; i++) {\n <span class=\"nb-kw\">double</span> t = <span class=\"nb-nu\">2.0</span> * <span class=\"nb-fn\">M_PI</span> * f * i / N;\n re += x[i] * <span class=\"nb-fn\">cos</span>(t) + y[i] * <span class=\"nb-fn\">sin</span>(t);\n im += -x[i] * <span class=\"nb-fn\">sin</span>(t) + y[i] * <span class=\"nb-fn\">cos</span>(t);\n }\n re /= N; im /= N;\n g[m].freq = f;\n g[m].re = re;\n g[m].im = im;\n g[m].amp = <span class=\"nb-fn\">hypot</span>(re, im);\n g[m].phase = <span class=\"nb-fn\">atan2</span>(im, re);\n m++;\n }\n\n <span class=\"nb-fn\">qsort</span>(g, m, <span class=\"nb-kw\">sizeof</span>(Gear), cmp_amp);\n\n <span class=\"nb-fn\">printf</span>(<span class=\"nb-st\">\"è½®å»ç¹ %d 个ï¼åé %d 个ï¼åæ¯å¹ æ大çå %d 个ï¼\\n\\n\"</span>, N, m, GEARS);\n <span class=\"nb-fn\">printf</span>(<span class=\"nb-st\">\" %-6s %-12s %-10s\\n\"</span>, <span class=\"nb-st\">\"齿æ°\"</span>, <span class=\"nb-st\">\"åå¾(æ¯å¹ )\"</span>, <span class=\"nb-st\">\"åç¸\"</span>);\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">int</span> i = <span class=\"nb-nu\">0</span>; i < GEARS && i < m;
721 i++) {\n <span class=\"nb-fn\">printf</span>(<span class=\"nb-st\">\" %-6d %-12.4f %-10.4f\\n\"</span>,\n abs(g[i].freq), g[i].amp, g[i].phase);\n }\n\n <span class=\"nb-cm\">/* ç¬å°ä½ç½®ï¼ææ齿轮é¦å°¾ç¸æ¥ï¼t æ¯æ¶é´ */</span>\n <span class=\"nb-fn\">printf</span>(<span class=\"nb-st\">\"\\nç¬å°è½¨è¿¹ï¼t = 0 å° 2Ïï¼å 8 个æ¶å»ï¼ï¼\\n\"</span>);\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">int</span> s = <span class=\"nb-nu\">0</span>; s < <span class=\"nb-nu\">8</span>; s++) {\n <span class=\"nb-kw\">double</span> t = <span class=\"nb-nu\">2.0</span> * <span class=\"nb-fn\">M_PI</span> * s / <span class=\"nb-nu\">8.0</span>;\n <span class=\"nb-kw\">double</span> px = <span class=\"nb-nu\">0.0</span>, py = <span class=\"nb-nu\">0.0</span>;\n <span class=\"nb-kw\">for</span> (<span class=\"nb-kw\">int</span> i = <span class=\"nb-nu\">0</span>; i < GEARS && i < m; i++) {\n <span class=\"nb-kw\">double</span> a = g[i].phase + g[i].freq * t;\n px += g[i].amp * <span class=\"nb-fn\">cos</span>(a);\n py += g[i].amp * <span class=\"nb-fn\">sin</span>(a);\n }\n <span class=\"nb-fn\">printf</span>(<span class=\"nb-st\">\" t=%.3f â (%8.3f, %8.3f)\\n\"</span>, t, px, py);\n }\n <span class=\"nb-kw\">return</span> <span class=\"nb-nu\">0</span>;\n}\n", plain: '/* å
éå¶é½¿è½® ââ C çï¼DFT æ ¸å¿ï¼\n *\n * C éç»åä¸æ¹ä¾¿ï¼æ以è¿ä¸çä¸æ³¨ææ ¸å¿çé¨åï¼\n * ç»å®ä¸ä¸²è½®å»ç¹ï¼å离æ£å
éå¶åæ¢ï¼ææ¯å¹
æåºï¼\n * è¾åºå N 个é¢çåé ââ ä¹å°±æ¯"齿轮"ã\n * æ¿å°è¿äºé½¿è½®ä¹åï¼ä»»ä½è¯è¨é½è½ç
§çç»ã\n *\n * ç¼è¯: gcc fourier.c -lm -o fourier\n * è¿è¡: ./fourier\n */\n#include <stdio.h>\n#include <math.h>\n\n#define N 64 /* éæ ·ç¹ä¸ªæ° */\n#define GEARS 10 /* è¾åºåå 个齿轮 */\n\ntypedef struct { int freq; double amp, phase, re, im; } Gear;\n\n/* è¿éç¨ä¸ä¸ªåå½è¾å
¥ãçå®ä½¿ç¨æ¶æ¢ææåè½®å»ç¹å³å¯ */\nstatic void make_circle(double *x, double *y) {\n for (int i = 0; i < N; i++) {\n double a = 2.0 * M_PI * i / N;\n x[i] = 100.0 * cos(a);\n y[i] = 100.0 * sin(a);\n }\n}\n\nstatic int cmp_amp(const void *a, const void *b) {\n double d = ((const Gear *)b)->amp - ((const Gear *)a)->amp;\n return d > 0 ? 1 : (d < 0 ? -1 : 0);\n}\n\nint main(void) {\n double x[N], y[N];\n make_circle(x, y);\n\n Gear g[2 * (N / 2) + 1];\n int m = 0;\n\n /* é¢çä» -N/2 å° N/2ï¼æ£è´é½è¦ï¼è´é¢ç表示ååæ转 */\n for (int f = -(N / 2); f <= N / 2; f++) {\n double re = 0.0, im = 0.0;\n for (int i = 0; i < N; i++) {\n double t = 2.0 * M_PI * f * i / N;\n re += x[i] * cos(t) + y[i] * sin(t);\n im += -x[i] * sin(t) + y[i] * cos(t);\n }\n re /= N; im /= N;\n g[m].freq = f;\n g[m].re = re;\n g[m].im = im;\n g[m].amp = hypot(re, im);\n g[m].phase = atan2(im, re);\n m++;\n }\n\n qsort(g, m, sizeof(Gear), cmp_amp);\n\n printf("è½®å»ç¹ %d 个ï¼åé %d 个ï¼åæ¯å¹
æ大çå %d 个ï¼\\n\\n", N, m, GEARS);\n printf(" %-6s %-12s %-10s\\n", "齿æ°", "åå¾(æ¯å¹
)", "åç¸");\n for (int i = 0; i < GEARS && i < m; i++) {\n printf(" %-6d %-12.4f %-10.4f\\n",\n abs(g[i].freq), g[i].amp, g[i].phase);\n }\n\n /* ç¬å°ä½ç½®ï¼ææ齿轮é¦å°¾ç¸æ¥ï¼t æ¯æ¶é´ */\n printf("\\nç¬å°è½¨è¿¹ï¼t = 0 å° 2Ïï¼å 8 个æ¶å»ï¼ï¼\\n");\n for (int s = 0; s < 8;
721 s++) {\n double t = 2.0 * M_PI * s / 8.0;\n double px = 0.0, py = 0.0;\n for (int i = 0; i < GEARS && i < m; i++) {\n double a = g[i].phase + g[i].freq * t;\n px += g[i].amp * cos(a);\n py += g[i].amp * sin(a);\n }\n printf(" t=%.3f â (%8.3f, %8.3f)\\n", t, px, py);\n }\n return 0;\n}\n' } 722 ] 723 }, 724 { 725 file: 'sierpinski.py', 726 id: 'sierpinski', 727 tab: '\uD83D\uDD3A \u8C22\u5C14\u5BBE\u65AF\u57FA', 728 name: 'Python \u6D77\u9F9F\u7ED8\u56FE <i>\u00B7 \u8C22\u5C14\u5BBE\u65AF\u57FA\u4E09\u89D2</i>', 729 svg: "<svg class=\"nb-ts-svg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 520\" width=\"640\" height=\"520\" role=\"img\" aria-label=\"Python æµ·é¾éå½ç»åºè°¢å°å®¾æ¯åºä¸è§\"><rect width=\"640\" height=\"520\" fill=\"#060a14\" rx=\"12\"/><rect width=\"640\" height=\"520\" fill=\"url(#nbTsGrid)\" rx=\"12\"/><g class=\"nb-ts-tri-fill\"><polygon points=\"70.00,458.75 101.25,458.75 85.62,432.66\" style=\"animation-delay:0.126s\"/><polygon points=\"101.25,458.75 132.50,458.75 116.88,432.66\" style=\"animation-delay:0.204s\"/><polygon points=\"85.62,432.66 116.88,432.66 101.25,406.56\" style=\"animation-delay:0.282s\"/><polygon points=\"132.50,458.75 163.75,458.75 148.12,432.66\" style=\"animation-delay:0.360s\"/>
729<polygon points=\"163.75,458.75 195.00,458.75 179.38,432.66\" style=\"animation-delay:0.438s\"/><polygon points=\"148.12,432.66 179.38,432.66 163.75,406.56\" style=\"animation-delay:0.516s\"/><polygon points=\"101.25,406.56 132.50,406.56 116.88,380.47\" style=\"animation-delay:0.594s\"/><polygon points=\"132.50,406.56 163.75,406.56 148.12,380.47\" style=\"animation-delay:0.672s\"/><polygon points=\"116.88,380.47 148.12,380.47 132.50,354.38\" style=\"animation-delay:0.750s\"/><polygon points=\"195.00,458.75 226.25,458.75 210.62,432.66\" style=\"animation-delay:0.828s\"/><polygon points=\"226.25,458.75 257.50,458.75 241.88,432.66\" style=\"animation-delay:0.906s\"/><polygon points=\"210.62,432.66 241.88,432.66 226.25,406.56\" style=\"animation-delay:0.984s\"/><polygon points=\"257.50,458.75 288.75,458.75 273.12,432.66\" style=\"animation-delay:1.062s\"/><polygon points=\"288.75,458.75 320.00,458.75 304.38,432.66\" style=\"animation-delay:1.140s\"/><polygon points=\"273.12,432.66 304.38,432.66 288.75,406.56\" style=\"animation-delay:1.218s\"/><polygon points=\"226.25,406.56 257.50,406.56 241.88,380.47\" style=\"animation-delay:1.296s\"/><polygon points=\"257.50,406.56 288.75,406.56 273.12,380.47\" style=\"animation-delay:1.374s\"/><polygon points=\"241.88,380.47 273.12,380.47 257.50,354.38\" style=\"animation-delay:1.452s\"/><polygon points=\"132.50,354.38 163.75,354.38 148.12,328.28\" style=\"animation-delay:1.530s\"/>
729<polygon points=\"163.75,354.38 195.00,354.38 179.38,328.28\" style=\"animation-delay:1.608s\"/><polygon points=\"148.12,328.28 179.38,328.28 163.75,302.19\" style=\"animation-delay:1.686s\"/><polygon points=\"195.00,354.38 226.25,354.38 210.62,328.28\" style=\"animation-delay:1.764s\"/><polygon points=\"226.25,354.38 257.50,354.38 241.88,328.28\" style=\"animation-delay:1.842s\"/><polygon points=\"210.62,328.28 241.88,328.28 226.25,302.19\" style=\"animation-delay:1.920s\"/><polygon points=\"163.75,302.19 195.00,302.19 179.38,276.09\" style=\"animation-delay:1.998s\"/><polygon points=\"195.00,302.19 226.25,302.19 210.62,276.09\" style=\"animation-delay:2.076s\"/><polygon points=\"179.38,276.09 210.62,276.09 195.00,250.00\" style=\"animation-delay:2.154s\"/><polygon points=\"320.00,458.75 351.25,458.75 335.62,432.66\" style=\"animation-delay:2.232s\"/><polygon points=\"351.25,458.75 382.50,458.75 366.88,432.66\" style=\"animation-delay:2.310s\"/><polygon points=\"335.62,432.66 366.88,432.66 351.25,406.56\" style=\"animation-delay:2.388s\"/><polygon points=\"382.50,458.75 413.75,458.75 398.12,432.66\" style=\"animation-delay:2.466s\"/><polygon points=\"413.75,458.75 445.00,458.75 429.38,432.66\" style=\"animation-delay:2.544s\"/><polygon points=\"398.12,432.66 429.38,432.66 413.75,406.56\" style=\"animation-delay:2.622s\"/><polygon points=\"351.25,406.56 382.50,406.56 366.88,380.47\" style=\"animation-delay:2.700s\"/><polygon points=\"382.50,406.56 413.75,406.56 398.12,380.47\" style=\"animation-delay:2.778s\"/><polygon points=\"366.88,380.47 398.12,380.47 382.50,354.38\" style=\"animation-delay:2.856s\"/><polygon points=\"445.00,458.75 476.25,458.75 460.62,432.66\" style=\"animation-delay:2.934s\"/><polygon points=\"476.25,458.75 507.50,458.75 491.88,432.66\" style=\"animation-delay:3.012s\"/><polygon points=\"460.62,432.66 491.88,432.66 476.25,406.56\" style=\"animation-delay:3.090s\"/><polygon points=\"507.50,458.75 538.75,458.75 523.12,432.66\" style=\"animation-delay:3.168s\"/><polygon points=\"538.75,458.75 570.00,458.75 554.38,432.66\" style=\"animation-delay:3.246s\"/><polygon points=\"523.12,432.66 554.38,432.66 538.75,406.56\" style=\"animation-delay:3.324s\"/><polygon points=\"476.25,406.56 507.50,406.56 491.88,380.47\" style=\"animation-delay:3.402s\"/><polygon points=\"507.50,406.56 538.75,406.56 523.12,380.47\" style=\"animation-delay:3.480s\"/><polygon points=\"491.88,380.47 523.12,380.47 507.50,354.38\" style=\"animation-delay:3.558s\"/><polygon points=\"382.50,354.38 413.75,354.38 398.12,328.28\" style=\"animation-delay:3.636s\"/><polygon points=\"413.75,354.38 445.00,354.38 429.38,328.28\" style=\"animation-delay:3.714s\"/><polygon points=\"398.12,328.28 429.38,328.28 413.75,302.19\" style=\"animation-delay:3.792s\"/><polygon points=\"445.00,354.38 476.25,354.38 460.62,328.28\" style=\"animation-delay:3.870s\"/><polygon points=\"476.25,354.38 507.50,354.38 491.88,328.28\" style=\"animation-delay:3.948s\"/><polygon points=\"460.62,328.28 491.88,328.28 476.25,302.19\" style=\"animation-delay:4.026s\"/><polygon points=\"413.75,302.19 445.00,302.19 429.38,276.09\" style=\"animation-delay:4.104s\"/><polygon points=\"445.00,302.19 476.25,302.19 460.62,276.09\" style=\"animation-delay:4.182s\"/><polygon points=\"429.38,276.09 460.62,276.09 445.00,250.00\" style=\"animation-delay:4.260s\"/><polygon points=\"195.00,250.00 226.25,250.00 210.62,223.91\" style=\"animation-delay:4.338s\"/><polygon points=\"226.25,250.00 257.50,250.00 241.88,223.91\" style=\"animation-delay:4.416s\"/><polygon points=\"210.62,223.91 241.88,223.91 226.25,197.81\" style=\"animation-delay:4.494s\"/><polygon points=\"257.50,250.00 288.75,250.00 273.12,223.91\" style=\"animation-delay:4.572s\"/><polygon points=\"288.75,250.00 320.00,250.00 304.38,223.91\" style=\"animation-delay:4.650s\"/><polygon points=\"273.12,223.91 304.38,223.91 288.75,197.81\" style=\"animation-delay:4.728s\"/><polygon points=\"226.25,197.81 257.50,197.81 241.88,171.72\" style=\"animation-delay:4.806s\"/><polygon points=\"257.50,197.81 288.75,197.81 273.12,171.72\" style=\"animation-delay:4.884s\"/><polygon points=\"241.88,171.72 273.12,171.72 257.50,145.62\" style=\"animation-delay:4.962s\"/><polygon points=\"320.00,250.00 351.25,250.00 335.62,223.91\" style=\"animation-delay:5.040s\"/><polygon points=\"351.25,250.00 382.50,250.00 366.88,223.91\" style=\"animation-delay:5.118s\"/><polygon points=\"335.62,223.91 366.88,223.91 351.25,197.81\" style=\"animation-delay:5.196s\"/><polygon points=\"382.50,250.00 413.75,250.00 398.12,223.91\" style=\"animation-delay:5.274s\"/><polygon points=\"413.75,250.00 445.00,250.00 429.38,223.91\" style=\"animation-delay:5.352s\"/><polygon points=\"398.12,223.91 429.38,223.91 413.75,197.81\" style=\"animation-delay:5.430s\"/><polygon points=\"351.25,197.81 382.50,197.81 366.88,171.72\" style=\"animation-delay:5.508s\"/><polygon points=\"382.50,197.81 413.75,197.81 398.12,171.72\" style=\"animation-delay:5.586s\"/><polygon points=\"366.88,171.72 398.12,171.72 382.50,145.62\" style=\"animation-delay:5.664s\"/><polygon points=\"257.50,145.62 288.75,145.62 273.12,119.53\" style=\"animation-delay:5.742s\"/><polygon points=\"288.75,145.62 320.00,145.62 304.38,119.53\" style=\"animation-delay:5.820s\"/><polygon points=\"273.12,119.53 304.38,119.53 288.75,93.44\" style=\"animation-delay:5.898s\"/><polygon points=\"320.00,145.62 351.25,145.62 335.62,119.53\" style=\"animation-delay:5.976s\"/><polygon points=\"351.25,145.62 382.50,145.62 366.88,119.53\" style=\"animation-delay:6.054s\"/><polygon points=\"335.62,119.53 366.88,119.53 351.25,93.44\" style=\"animation-delay:6.132s\"/><polygon points=\"288.75,93.44 320.00,93.44 304.38,67.34\" style=\"animation-delay:6.210s\"/><polygon points=\"320.00,93.44 351.25,93.44 335.62,67.34\" style=\"animation-delay:6.288s\"/><polygon points=\"304.38,67.34 335.62,67.34 320.00,41.25\" style=\"animation-delay:6.366s\"/></g><g class=\"nb-ts-tri-line\"><line x1=\"70.00\" y1=\"458.75\" x2=\"101.25\" y2=\"458.75\" style=\"--len:31.25;animation-delay:0.000s\"/><line x1=\"101.25\" y1=\"458.75\" x2=\"85.62\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.022s\"/><line x1=\"85.62\" y1=\"432.66\" x2=\"70.00\" y2=\"458.75\" style=\"--len:30.41;animation-delay:0.044s\"/><line x1=\"101.25\" y1=\"458.75\" x2=\"132.50\" y2=\"458.75\" style=\"--len:31.25;animation-delay:0.078s\"/><line x1=\"132.50\" y1=\"458.75\" x2=\"116.88\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.100s\"/><line x1=\"116.88\" y1=\"432.66\" x2=\"101.25\" y2=\"458.75\" style=\"--len:30.41;animation-delay:0.122s\"/><line x1=\"85.62\" y1=\"432.66\" x2=\"116.88\" y2=\"432.66\" style=\"--len:31.25;animation-delay:0.156s\"/><line x1=\"116.88\" y1=\"432.66\" x2=\"101.25\" y2=\"406.56\" style=\"--len:30.41;animation-delay:0.178s\"/><line x1=\"101.25\" y1=\"406.56\" x2=\"85.62\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.200s\"/><line x1=\"132.50\" y1=\"458.75\" x2=\"163.75\" y2=\"458.75\" style=\"--len:31.25;animation-delay:0.234s\"/>
729<line x1=\"163.75\" y1=\"458.75\" x2=\"148.12\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.256s\"/><line x1=\"148.12\" y1=\"432.66\" x2=\"132.50\" y2=\"458.75\" style=\"--len:30.41;animation-delay:0.278s\"/><line x1=\"163.75\" y1=\"458.75\" x2=\"195.00\" y2=\"458.75\" style=\"--len:31.25;animation-delay:0.312s\"/><line x1=\"195.00\" y1=\"458.75\" x2=\"179.38\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.334s\"/><line x1=\"179.38\" y1=\"432.66\" x2=\"163.75\" y2=\"458.75\" style=\"--len:30.41;animation-delay:0.356s\"/><line x1=\"148.12\" y1=\"432.66\" x2=\"179.38\" y2=\"432.66\" style=\"--len:31.25;animation-delay:0.390s\"/><line x1=\"179.38\" y1=\"432.66\" x2=\"163.75\" y2=\"406.56\" style=\"--len:30.41;animation-delay:0.412s\"/><line x1=\"163.75\" y1=\"406.56\" x2=\"148.12\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.434s\"/><line x1=\"101.25\" y1=\"406.56\" x2=\"132.50\" y2=\"406.56\" style=\"--len:31.25;animation-delay:0.468s\"/><line x1=\"132.50\" y1=\"406.56\" x2=\"116.88\" y2=\"380.47\" style=\"--len:30.41;animation-delay:0.490s\"/><line x1=\"116.88\" y1=\"380.47\" x2=\"101.25\" y2=\"406.56\" style=\"--len:30.41;animation-delay:0.512s\"/><line x1=\"132.50\" y1=\"406.56\" x2=\"163.75\" y2=\"406.56\" style=\"--len:31.25;animation-delay:0.546s\"/><line x1=\"163.75\" y1=\"406.56\" x2=\"148.12\" y2=\"380.47\" style=\"--len:30.41;animation-delay:0.568s\"/><line x1=\"148.12\" y1=\"380.47\" x2=\"132.50\" y2=\"406.56\" style=\"--len:30.41;animation-delay:0.590s\"/><line x1=\"116.88\" y1=\"380.47\" x2=\"148.12\" y2=\"380.47\" style=\"--len:31.25;animation-delay:0.624s\"/><line x1=\"148.12\" y1=\"380.47\" x2=\"132.50\" y2=\"354.38\" style=\"--len:30.41;animation-delay:0.646s\"/><line x1=\"132.50\" y1=\"354.38\" x2=\"116.88\" y2=\"380.47\" style=\"--len:30.41;animation-delay:0.668s\"/><line x1=\"195.00\" y1=\"458.75\" x2=\"226.25\" y2=\"458.75\" style=\"--len:31.25;animation-delay:0.702s\"/><line x1=\"226.25\" y1=\"458.75\" x2=\"210.62\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.724s\"/><line x1=\"210.62\" y1=\"432.66\" x2=\"195.00\" y2=\"458.75\" style=\"--len:30.41;animation-delay:0.746s\"/><line x1=\"226.25\" y1=\"458.75\" x2=\"257.50\" y2=\"458.75\" style=\"--len:31.25;animation-delay:0.780s\"/><line x1=\"257.50\" y1=\"458.75\" x2=\"241.88\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.802s\"/><line x1=\"241.88\" y1=\"432.66\" x2=\"226.25\" y2=\"458.75\" style=\"--len:30.41;animation-delay:0.824s\"/><line x1=\"210.62\" y1=\"432.66\" x2=\"241.88\" y2=\"432.66\" style=\"--len:31.25;animation-delay:0.858s\"/><line x1=\"241.88\" y1=\"432.66\" x2=\"226.25\" y2=\"406.56\" style=\"--len:30.41;animation-delay:0.880s\"/><line x1=\"226.25\" y1=\"406.56\" x2=\"210.62\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.902s\"/><line x1=\"257.50\" y1=\"458.75\" x2=\"288.75\" y2=\"458.75\" style=\"--len:31.25;animation-delay:0.936s\"/><line x1=\"288.75\" y1=\"458.75\" x2=\"273.12\" y2=\"432.66\" style=\"--len:30.41;animation-delay:0.958s\"/><line x1=\"273.12\" y1=\"432.66\" x2=\"257.50\" y2=\"458.75\" style=\"--len:30.41;animation-delay:0.980s\"/><line x1=\"288.75\" y1=\"458.75\" x2=\"320.00\" y2=\"458.75\" style=\"--len:31.25;animation-delay:1.014s\"/><line x1=\"320.00\" y1=\"458.75\" x2=\"304.38\" y2=\"432.66\" style=\"--len:30.41;animation-delay:1.036s\"/><line x1=\"304.38\" y1=\"432.66\" x2=\"288.75\" y2=\"458.75\" style=\"--len:30.41;animation-delay:1.058s\"/><line x1=\"273.12\" y1=\"432.66\" x2=\"304.38\" y2=\"432.66\" style=\"--len:31.25;animation-delay:1.092s\"/><line x1=\"304.38\" y1=\"432.66\" x2=\"288.75\" y2=\"406.56\" style=\"--len:30.41;animation-delay:1.114s\"/><line x1=\"288.75\" y1=\"406.56\" x2=\"273.12\" y2=\"432.66\" style=\"--len:30.41;animation-delay:1.136s\"/><line x1=\"226.25\" y1=\"406.56\" x2=\"257.50\" y2=\"406.56\" style=\"--len:31.25;animation-delay:1.170s\"/><line x1=\"257.50\" y1=\"406.56\" x2=\"241.88\" y2=\"380.47\" style=\"--len:30.41;animation-delay:1.192s\"/><line x1=\"241.88\" y1=\"380.47\" x2=\"226.25\" y2=\"406.56\" style=\"--len:30.41;animation-delay:1.214s\"/><line x1=\"257.50\" y1=\"406.56\" x2=\"288.75\" y2=\"406.56\" style=\"--len:31.25;animation-delay:1.248s\"/><line x1=\"288.75\" y1=\"406.56\" x2=\"273.12\" y2=\"380.47\" style=\"--len:30.41;animation-delay:1.270s\"/><line x1=\"273.12\" y1=\"380.47\" x2=\"257.50\" y2=\"406.56\" style=\"--len:30.41;animation-delay:1.292s\"/><line x1=\"241.88\" y1=\"380.47\" x2=\"273.12\" y2=\"380.47\" style=\"--len:31.25;animation-delay:1.326s\"/><line x1=\"273.12\" y1=\"380.47\" x2=\"257.50\" y2=\"354.38\" style=\"--len:30.41;animation-delay:1.348s\"/><line x1=\"257.50\" y1=\"354.38\" x2=\"241.88\" y2=\"380.47\" style=\"--len:30.41;animation-delay:1.370s\"/><line x1=\"132.50\" y1=\"354.38\" x2=\"163.75\" y2=\"354.38\" style=\"--len:31.25;animation-delay:1.404s\"/>
729<line x1=\"163.75\" y1=\"354.38\" x2=\"148.12\" y2=\"328.28\" style=\"--len:30.41;animation-delay:1.426s\"/><line x1=\"148.12\" y1=\"328.28\" x2=\"132.50\" y2=\"354.38\" style=\"--len:30.41;animation-delay:1.448s\"/><line x1=\"163.75\" y1=\"354.38\" x2=\"195.00\" y2=\"354.38\" style=\"--len:31.25;animation-delay:1.482s\"/><line x1=\"195.00\" y1=\"354.38\" x2=\"179.38\" y2=\"328.28\" style=\"--len:30.41;animation-delay:1.504s\"/><line x1=\"179.38\" y1=\"328.28\" x2=\"163.75\" y2=\"354.38\" style=\"--len:30.41;animation-delay:1.526s\"/><line x1=\"148.12\" y1=\"328.28\" x2=\"179.38\" y2=\"328.28\" style=\"--len:31.25;animation-delay:1.560s\"/><line x1=\"179.38\" y1=\"328.28\" x2=\"163.75\" y2=\"302.19\" style=\"--len:30.41;animation-delay:1.582s\"/><line x1=\"163.75\" y1=\"302.19\" x2=\"148.12\" y2=\"328.28\" style=\"--len:30.41;animation-delay:1.604s\"/><line x1=\"195.00\" y1=\"354.38\" x2=\"226.25\" y2=\"354.38\" style=\"--len:31.25;animation-delay:1.638s\"/><line x1=\"226.25\" y1=\"354.38\" x2=\"210.62\" y2=\"328.28\" style=\"--len:30.41;animation-delay:1.660s\"/><line x1=\"210.62\" y1=\"328.28\" x2=\"195.00\" y2=\"354.38\" style=\"--len:30.41;animation-delay:1.682s\"/><line x1=\"226.25\" y1=\"354.38\" x2=\"257.50\" y2=\"354.38\" style=\"--len:31.25;animation-delay:1.716s\"/><line x1=\"257.50\" y1=\"354.38\" x2=\"241.88\" y2=\"328.28\" style=\"--len:30.41;animation-delay:1.738s\"/><line x1=\"241.88\" y1=\"328.28\" x2=\"226.25\" y2=\"354.38\" style=\"--len:30.41;animation-delay:1.760s\"/><line x1=\"210.62\" y1=\"328.28\" x2=\"241.88\" y2=\"328.28\" style=\"--len:31.25;animation-delay:1.794s\"/><line x1=\"241.88\" y1=\"328.28\" x2=\"226.25\" y2=\"302.19\" style=\"--len:30.41;animation-delay:1.816s\"/><line x1=\"226.25\" y1=\"302.19\" x2=\"210.62\" y2=\"328.28\" style=\"--len:30.41;animation-delay:1.838s\"/><line x1=\"163.75\" y1=\"302.19\" x2=\"195.00\" y2=\"302.19\" style=\"--len:31.25;animation-delay:1.872s\"/><line x1=\"195.00\" y1=\"302.19\" x2=\"179.38\" y2=\"276.09\" style=\"--len:30.41;animation-delay:1.894s\"/><line x1=\"179.38\" y1=\"276.09\" x2=\"163.75\" y2=\"302.19\" style=\"--len:30.41;animation-delay:1.916s\"/><line x1=\"195.00\" y1=\"302.19\" x2=\"226.25\" y2=\"302.19\" style=\"--len:31.25;animation-delay:1.950s\"/><line x1=\"226.25\" y1=\"302.19\" x2=\"210.62\" y2=\"276.09\" style=\"--len:30.41;animation-delay:1.972s\"/><line x1=\"210.62\" y1=\"276.09\" x2=\"195.00\" y2=\"302.19\" style=\"--len:30.41;animation-delay:1.994s\"/><line x1=\"179.38\" y1=\"276.09\" x2=\"210.62\" y2=\"276.09\" style=\"--len:31.25;animation-delay:2.028s\"/><line x1=\"210.62\" y1=\"276.09\" x2=\"195.00\" y2=\"250.00\" style=\"--len:30.41;animation-delay:2.050s\"/><line x1=\"195.00\" y1=\"250.00\" x2=\"179.38\" y2=\"276.09\" style=\"--len:30.41;animation-delay:2.072s\"/><line x1=\"320.00\" y1=\"458.75\" x2=\"351.25\" y2=\"458.75\" style=\"--len:31.25;animation-delay:2.106s\"/><line x1=\"351.25\" y1=\"458.75\" x2=\"335.62\" y2=\"432.66\" style=\"--len:30.41;animation-delay:2.128s\"/><line x1=\"335.62\" y1=\"432.66\" x2=\"320.00\" y2=\"458.75\" style=\"--len:30.41;animation-delay:2.150s\"/><line x1=\"351.25\" y1=\"458.75\" x2=\"382.50\" y2=\"458.75\" style=\"--len:31.25;animation-delay:2.184s\"/><line x1=\"382.50\" y1=\"458.75\" x2=\"366.88\" y2=\"432.66\" style=\"--len:30.41;animation-delay:2.206s\"/><line x1=\"366.88\" y1=\"432.66\" x2=\"351.25\" y2=\"458.75\" style=\"--len:30.41;animation-delay:2.228s\"/><line x1=\"335.62\" y1=\"432.66\" x2=\"366.88\" y2=\"432.66\" style=\"--len:31.25;animation-delay:2.262s\"/><line x1=\"366.88\" y1=\"432.66\" x2=\"351.25\" y2=\"406.56\" style=\"--len:30.41;animation-delay:2.284s\"/><line x1=\"351.25\" y1=\"406.56\" x2=\"335.62\" y2=\"432.66\" style=\"--len:30.41;animation-delay:2.306s\"/><line x1=\"382.50\" y1=\"458.75\" x2=\"413.75\" y2=\"458.75\" style=\"--len:31.25;animation-delay:2.340s\"/><line x1=\"413.75\" y1=\"458.75\" x2=\"398.12\" y2=\"432.66\" style=\"--len:30.41;animation-delay:2.362s\"/><line x1=\"398.12\" y1=\"432.66\" x2=\"382.50\" y2=\"458.75\" style=\"--len:30.41;animation-delay:2.384s\"/><line x1=\"413.75\" y1=\"458.75\" x2=\"445.00\" y2=\"458.75\" style=\"--len:31.25;animation-delay:2.418s\"/><line x1=\"445.00\" y1=\"458.75\" x2=\"429.38\" y2=\"432.66\" style=\"--len:30.41;animation-delay:2.440s\"/><line x1=\"429.38\" y1=\"432.66\" x2=\"413.75\" y2=\"458.75\" style=\"--len:30.41;animation-delay:2.462s\"/><line x1=\"398.12\" y1=\"432.66\" x2=\"429.38\" y2=\"432.66\" style=\"--len:31.25;animation-delay:2.496s\"/><line x1=\"429.38\" y1=\"432.66\" x2=\"413.75\" y2=\"406.56\" style=\"--len:30.41;animation-delay:2.518s\"/><line x1=\"413.75\" y1=\"406.56\" x2=\"398.12\" y2=\"432.66\" style=\"--len:30.41;animation-delay:2.540s\"/><line x1=\"351.25\" y1=\"406.56\" x2=\"382.50\" y2=\"406.56\" style=\"--len:31.25;animation-delay:2.574s\"/><line x1=\"382.50\" y1=\"406.56\" x2=\"366.88\" y2=\"380.47\" style=\"--len:30.41;animation-delay:2.596s\"/><line x1=\"366.88\" y1=\"380.47\" x2=\"351.25\" y2=\"406.56\" style=\"--len:30.41;animation-delay:2.618s\"/><line x1=\"382.50\" y1=\"406.56\" x2=\"413.75\" y2=\"406.56\" style=\"--len:31.25;animation-delay:2.652s\"/><line x1=\"413.75\" y1=\"406.56\" x2=\"398.12\" y2=\"380.47\" style=\"--len:30.41;animation-delay:2.674s\"/><line x1=\"398.12\" y1=\"380.47\" x2=\"382.50\" y2=\"406.56\" style=\"--len:30.41;animation-delay:2.696s\"/><line x1=\"366.88\" y1=\"380.47\" x2=\"398.12\" y2=\"380.47\" style=\"--len:31.25;animation-delay:2.730s\"/><line x1=\"398.12\" y1=\"380.47\" x2=\"382.50\" y2=\"354.38\" style=\"--len:30.41;animation-delay:2.752s\"/><line x1=\"382.50\" y1=\"354.38\" x2=\"366.88\" y2=\"380.47\" style=\"--len:30.41;animation-delay:2.774s\"/><line x1=\"445.00\" y1=\"458.75\" x2=\"476.25\" y2=\"458.75\" style=\"--len:31.25;animation-delay:2.808s\"/><line x1=\"476.25\" y1=\"458.75\" x2=\"460.62\" y2=\"432.66\" style=\"--len:30.41;animation-delay:2.830s\"/><line x1=\"460.62\" y1=\"432.66\" x2=\"445.00\" y2=\"458.75\" style=\"--len:30.41;animation-delay:2.852s\"/><line x1=\"476.25\" y1=\"458.75\" x2=\"507.50\" y2=\"458.75\" style=\"--len:31.25;animation-delay:2.886s\"/><line x1=\"507.50\" y1=\"458.75\" x2=\"491.88\" y2=\"432.66\" style=\"--len:30.41;animation-delay:2.908s\"/><line x1=\"491.88\" y1=\"432.66\" x2=\"476.25\" y2=\"458.75\" style=\"--len:30.41;animation-delay:2.930s\"/><line x1=\"460.62\" y1=\"432.66\" x2=\"491.88\" y2=\"432.66\" style=\"--len:31.25;animation-delay:2.964s\"/><line x1=\"491.88\" y1=\"432.66\" x2=\"476.25\" y2=\"406.56\" style=\"--len:30.41;animation-delay:2.986s\"/><line x1=\"476.25\" y1=\"406.56\" x2=\"460.62\" y2=\"432.66\" style=\"--len:30.41;animation-delay:3.008s\"/><line x1=\"507.50\" y1=\"458.75\" x2=\"538.75\" y2=\"458.75\" style=\"--len:31.25;animation-delay:3.042s\"/><line x1=\"538.75\" y1=\"458.75\" x2=\"523.12\" y2=\"432.66\" style=\"--len:30.41;animation-delay:3.064s\"/><line x1=\"523.12\" y1=\"432.66\" x2=\"507.50\" y2=\"458.75\" style=\"--len:30.41;animation-delay:3.086s\"/><line x1=\"538.75\" y1=\"458.75\" x2=\"570.00\" y2=\"458.75\" style=\"--len:31.25;animation-delay:3.120s\"/><line x1=\"570.00\" y1=\"458.75\" x2=\"554.38\" y2=\"432.66\" style=\"--len:30.41;animation-delay:3.142s\"/><line x1=\"554.38\" y1=\"432.66\" x2=\"538.75\" y2=\"458.75\" style=\"--len:30.41;animation-delay:3.164s\"/><line x1=\"523.12\" y1=\"432.66\" x2=\"554.38\" y2=\"432.66\" style=\"--len:31.25;animation-delay:3.198s\"/><line x1=\"554.38\" y1=\"432.66\" x2=\"538.75\" y2=\"406.56\" style=\"--len:30.41;animation-delay:3.220s\"/><line x1=\"538.75\" y1=\"406.56\" x2=\"523.12\" y2=\"432.66\" style=\"--len:30.41;animation-delay:3.242s\"/><line x1=\"476.25\" y1=\"406.56\" x2=\"507.50\" y2=\"406.56\" style=\"--len:31.25;animation-delay:3.276s\"/><line x1=\"507.50\" y1=\"406.56\" x2=\"491.88\" y2=\"380.47\" style=\"--len:30.41;animation-delay:3.298s\"/><line x1=\"491.88\" y1=\"380.47\" x2=\"476.25\" y2=\"406.56\" style=\"--len:30.41;animation-delay:3.320s\"/><line x1=\"507.50\" y1=\"406.56\" x2=\"538.75\" y2=\"406.56\" style=\"--len:31.25;animation-delay:3.354s\"/><line x1=\"538.75\" y1=\"406.56\" x2=\"523.12\" y2=\"380.47\" style=\"--len:30.41;animation-delay:3.376s\"/><line x1=\"523.12\" y1=\"380.47\" x2=\"507.50\" y2=\"406.56\" style=\"--len:30.41;animation-delay:3.398s\"/><line x1=\"491.88\" y1=\"380.47\" x2=\"523.12\" y2=\"380.47\" style=\"--len:31.25;animation-delay:3.432s\"/><line x1=\"523.12\" y1=\"380.47\" x2=\"507.50\" y2=\"354.38\" style=\"--len:30.41;animation-delay:3.454s\"/><line x1=\"507.50\" y1=\"354.38\" x2=\"491.88\" y2=\"380.47\" style=\"--len:30.41;animation-delay:3.476s\"/><line x1=\"382.50\" y1=\"354.38\" x2=\"413.75\" y2=\"354.38\" style=\"--len:31.25;animation-delay:3.510s\"/><line x1=\"413.75\" y1=\"354.38\" x2=\"398.12\" y2=\"328.28\" style=\"--len:30.41;animation-delay:3.532s\"/><line x1=\"398.12\" y1=\"328.28\" x2=\"382.50\" y2=\"354.38\" style=\"--len:30.41;animation-delay:3.554s\"/><line x1=\"413.75\" y1=\"354.38\" x2=\"445.00\" y2=\"354.38\" style=\"--len:31.25;animation-delay:3.588s\"/><line x1=\"445.00\" y1=\"354.38\" x2=\"429.38\" y2=\"328.28\" style=\"--len:30.41;animation-delay:3.610s\"/><line x1=\"429.38\" y1=\"328.28\" x2=\"413.75\" y2=\"354.38\" style=\"--len:30.41;animation-delay:3.632s\"/><line x1=\"398.12\" y1=\"328.28\" x2=\"429.38\" y2=\"328.28\" style=\"--len:31.25;animation-delay:3.666s\"/><line x1=\"429.38\" y1=\"328.28\" x2=\"413.75\" y2=\"302.19\" style=\"--len:30.41;animation-delay:3.688s\"/><line x1=\"413.75\" y1=\"302.19\" x2=\"398.12\" y2=\"328.28\" style=\"--len:30.41;animation-delay:3.710s\"/><line x1=\"445.00\" y1=\"354.38\" x2=\"476.25\" y2=\"354.38\" style=\"--len:31.25;animation-delay:3.744s\"/><line x1=\"476.25\" y1=\"354.38\" x2=\"460.62\" y2=\"328.28\" style=\"--len:30.41;animation-delay:3.766s\"/><line x1=\"460.62\" y1=\"328.28\" x2=\"445.00\" y2=\"354.38\" style=\"--len:30.41;animation-delay:3.788s\"/><line x1=\"476.25\" y1=\"354.38\" x2=\"507.50\" y2=\"354.38\" style=\"--len:31.25;animation-delay:3.822s\"/><line x1=\"507.50\" y1=\"354.38\" x2=\"491.88\" y2=\"328.28\" style=\"--len:30.41;animation-delay:3.844s\"/><line x1=\"491.88\" y1=\"328.28\" x2=\"476.25\" y2=\"354.38\" style=\"--len:30.41;animation-delay:3.866s\"/><line x1=\"460.62\" y1=\"328.28\" x2=\"491.88\" y2=\"328.28\" style=\"--len:31.25;animation-delay:3.900s\"/><line x1=\"491.88\" y1=\"328.28\" x2=\"476.25\" y2=\"302.19\" style=\"--len:30.41;animation-delay:3.922s\"/><line x1=\"476.25\" y1=\"302.19\" x2=\"460.62\" y2=\"328.28\" style=\"--len:30.41;animation-delay:3.944s\"/><line x1=\"413.75\" y1=\"302.19\" x2=\"445.00\" y2=\"302.19\" style=\"--len:31.25;animation-delay:3.978s\"/><line x1=\"445.00\" y1=\"302.19\" x2=\"429.38\" y2=\"276.09\" style=\"--len:30.41;animation-delay:4.000s\"/><line x1=\"429.38\" y1=\"276.09\" x2=\"413.75\" y2=\"302.19\" style=\"--len:30.41;animation-delay:4.022s\"/><line x1=\"445.00\" y1=\"302.19\" x2=\"476.25\" y2=\"302.19\" style=\"--len:31.25;animation-delay:4.056s\"/><line x1=\"476.25\" y1=\"302.19\" x2=\"460.62\" y2=\"276.09\" style=\"--len:30.41;animation-delay:4.078s\"/><line x1=\"460.62\" y1=\"276.09\" x2=\"445.00\" y2=\"302.19\" style=\"--len:30.41;animation-delay:4.100s\"/><line x1=\"429.38\" y1=\"276.09\" x2=\"460.62\" y2=\"276.09\" style=\"--len:31.25;animation-delay:4.134s\"/><line x1=\"460.62\" y1=\"276.09\" x2=\"445.00\" y2=\"250.00\" style=\"--len:30.41;animation-delay:4.156s\"/><line x1=\"445.00\" y1=\"250.00\" x2=\"429.38\" y2=\"276.09\" style=\"--len:30.41;animation-delay:4.178s\"/><line x1=\"195.00\" y1=\"250.00\" x2=\"226.25\" y2=\"250.00\" style=\"--len:31.25;animation-delay:4.212s\"/><line x1=\"226.25\" y1=\"250.00\" x2=\"210.62\" y2=\"223.91\" style=\"--len:30.41;animation-delay:4.234s\"/><line x1=\"210.62\" y1=\"223.91\" x2=\"195.00\" y2=\"250.00\" style=\"--len:30.41;animation-delay:4.256s\"/><line x1=\"226.25\" y1=\"250.00\" x2=\"257.50\" y2=\"250.00\" style=\"--len:31.25;animation-delay:4.290s\"/><line x1=\"257.50\" y1=\"250.00\" x2=\"241.88\" y2=\"223.91\" style=\"--len:30.41;animation-delay:4.312s\"/><line x1=\"241.88\" y1=\"223.91\" x2=\"226.25\" y2=\"250.00\" style=\"--len:30.41;animation-delay:4.334s\"/><line x1=\"210.62\" y1=\"223.91\" x2=\"241.88\" y2=\"223.91\" style=\"--len:31.25;animation-delay:4.368s\"/><line x1=\"241.88\" y1=\"223.91\" x2=\"226.25\" y2=\"197.81\" style=\"--len:30.41;animation-delay:4.390s\"/><line x1=\"226.25\" y1=\"197.81\" x2=\"210.62\" y2=\"223.91\" style=\"--len:30.41;animation-delay:4.412s\"/><line x1=\"257.50\" y1=\"250.00\" x2=\"288.75\" y2=\"250.00\" style=\"--len:31.25;animation-delay:4.446s\"/><line x1=\"288.75\" y1=\"250.00\" x2=\"273.12\" y2=\"223.91\" style=\"--len:30.41;animation-delay:4.468s\"/><line x1=\"273.12\" y1=\"223.91\" x2=\"257.50\" y2=\"250.00\" style=\"--len:30.41;animation-delay:4.490s\"/><line x1=\"288.75\" y1=\"250.00\" x2=\"320.00\" y2=\"250.00\" style=\"--len:31.25;animation-delay:4.524s\"/><line x1=\"320.00\" y1=\"250.00\" x2=\"304.38\" y2=\"223.91\" style=\"--len:30.41;animation-delay:4.546s\"/><line x1=\"304.38\" y1=\"223.91\" x2=\"288.75\" y2=\"250.00\" style=\"--len:30.41;animation-delay:4.568s\"/><line x1=\"273.12\" y1=\"223.91\" x2=\"304.38\" y2=\"223.91\" style=\"--len:31.25;animation-delay:4.602s\"/><line x1=\"304.38\" y1=\"223.91\" x2=\"288.75\" y2=\"197.81\" style=\"--len:30.41;animation-delay:4.624s\"/><line x1=\"288.75\" y1=\"197.81\" x2=\"273.12\" y2=\"223.91\" style=\"--len:30.41;animation-delay:4.646s\"/><line x1=\"226.25\" y1=\"197.81\" x2=\"257.50\" y2=\"197.81\" style=\"--len:31.25;animation-delay:4.680s\"/><line x1=\"257.50\" y1=\"197.81\" x2=\"241.88\" y2=\"171.72\" style=\"--len:30.41;animation-delay:4.702s\"/><line x1=\"241.88\" y1=\"171.72\" x2=\"226.25\" y2=\"197.81\" style=\"--len:30.41;animation-delay:4.724s\"/><line x1=\"257.50\" y1=\"197.81\" x2=\"288.75\" y2=\"197.81\" style=\"--len:31.25;animation-delay:4.758s\"/><line x1=\"288.75\" y1=\"197.81\" x2=\"273.12\" y2=\"171.72\" style=\"--len:30.41;animation-delay:4.780s\"/><line x1=\"273.12\" y1=\"171.72\" x2=\"257.50\" y2=\"197.81\" style=\"--len:30.41;animation-delay:4.802s\"/><line x1=\"241.88\" y1=\"171.72\" x2=\"273.12\" y2=\"171.72\" style=\"--len:31.25;animation-delay:4.836s\"/><line x1=\"273.12\" y1=\"171.72\" x2=\"257.50\" y2=\"145.62\" style=\"--len:30.41;animation-delay:4.858s\"/><line x1=\"257.50\" y1=\"145.62\" x2=\"241.88\" y2=\"171.72\" style=\"--len:30.41;animation-delay:4.880s\"/><line x1=\"320.00\" y1=\"250.00\" x2=\"351.25\" y2=\"250.00\" style=\"--len:31.25;animation-delay:4.914s\"/><line x1=\"351.25\" y1=\"250.00\" x2=\"335.62\" y2=\"223.91\" style=\"--len:30.41;animation-delay:4.936s\"/><line x1=\"335.62\" y1=\"223.91\" x2=\"320.00\" y2=\"250.00\" style=\"--len:30.41;animation-delay:4.958s\"/><line x1=\"351.25\" y1=\"250.00\" x2=\"382.50\" y2=\"250.00\" style=\"--len:31.25;animation-delay:4.992s\"/><line x1=\"382.50\" y1=\"250.00\" x2=\"366.88\" y2=\"223.91\" style=\"--len:30.41;animation-delay:5.014s\"/><line x1=\"366.88\" y1=\"223.91\" x2=\"351.25\" y2=\"250.00\" style=\"--len:30.41;animation-delay:5.036s\"/><line x1=\"335.62\" y1=\"223.91\" x2=\"366.88\" y2=\"223.91\" style=\"--len:31.25;animation-delay:5.070s\"/><line x1=\"366.88\" y1=\"223.91\" x2=\"351.25\" y2=\"197.81\" style=\"--len:30.41;animation-delay:5.092s\"/><line x1=\"351.25\" y1=\"197.81\" x2=\"335.62\" y2=\"223.91\" style=\"--len:30.41;animation-delay:5.114s\"/><line x1=\"382.50\" y1=\"250.00\" x2=\"413.75\" y2=\"250.00\" style=\"--len:31.25;animation-delay:5.148s\"/><line x1=\"413.75\" y1=\"250.00\" x2=\"398.12\" y2=\"223.91\" style=\"--len:30.41;animation-delay:5.170s\"/><line x1=\"398.12\" y1=\"223.91\" x2=\"382.50\" y2=\"250.00\" style=\"--len:30.41;animation-delay:5.192s\"/><line x1=\"413.75\" y1=\"250.00\" x2=\"445.00\" y2=\"250.00\" style=\"--len:31.25;animation-delay:5.226s\"/><line x1=\"445.00\" y1=\"250.00\" x2=\"429.38\" y2=\"223.91\" style=\"--len:30.41;animation-delay:5.248s\"/><line x1=\"429.38\" y1=\"223.91\" x2=\"413.75\" y2=\"250.00\" style=\"--len:30.41;animation-delay:5.270s\"/><line x1=\"398.12\" y1=\"223.91\" x2=\"429.38\" y2=\"223.91\" style=\"--len:31.25;animation-delay:5.304s\"/><line x1=\"429.38\" y1=\"223.91\" x2=\"413.75\" y2=\"197.81\" style=\"--len:30.41;animation-delay:5.326s\"/><line x1=\"413.75\" y1=\"197.81\" x2=\"398.12\" y2=\"223.91\" style=\"--len:
72930.41;animation-delay:5.348s\"/><line x1=\"351.25\" y1=\"197.81\" x2=\"382.50\" y2=\"197.81\" style=\"--len:31.25;animation-delay:5.382s\"/><line x1=\"382.50\" y1=\"197.81\" x2=\"366.88\" y2=\"171.72\" style=\"--len:30.41;animation-delay:5.404s\"/><line x1=\"366.88\" y1=\"171.72\" x2=\"351.25\" y2=\"197.81\" style=\"--len:30.41;animation-delay:5.426s\"/><line x1=\"382.50\" y1=\"197.81\" x2=\"413.75\" y2=\"197.81\" style=\"--len:31.25;animation-delay:5.460s\"/><line x1=\"413.75\" y1=\"197.81\" x2=\"398.12\" y2=\"171.72\" style=\"--len:30.41;animation-delay:5.482s\"/><line x1=\"398.12\" y1=\"171.72\" x2=\"382.50\" y2=\"197.81\" style=\"--len:30.41;animation-delay:5.504s\"/><line x1=\"366.88\" y1=\"171.72\" x2=\"398.12\" y2=\"171.72\" style=\"--len:31.25;animation-delay:5.538s\"/><line x1=\"398.12\" y1=\"171.72\" x2=\"382.50\" y2=\"145.62\" style=\"--len:30.41;animation-delay:5.560s\"/><line x1=\"382.50\" y1=\"145.62\" x2=\"366.88\" y2=\"171.72\" style=\"--len:30.41;animation-delay:5.582s\"/><line x1=\"257.50\" y1=\"145.62\" x2=\"288.75\" y2=\"145.62\" style=\"--len:31.25;animation-delay:5.616s\"/><line x1=\"288.75\" y1=\"145.62\" x2=\"273.12\" y2=\"119.53\" style=\"--len:30.41;animation-delay:5.638s\"/><line x1=\"273.12\" y1=\"119.53\" x2=\"257.50\" y2=\"145.62\" style=\"--len:30.41;animation-delay:5.660s\"/><line x1=\"288.75\" y1=\"145.62\" x2=\"320.00\" y2=\"145.62\" style=\"--len:31.25;animation-delay:5.694s\"/><line x1=\"320.00\" y1=\"145.62\" x2=\"304.38\" y2=\"119.53\" style=\"--len:30.41;animation-delay:5.716s\"/><line x1=\"304.38\" y1=\"119.53\" x2=\"288.75\" y2=\"145.62\" style=\"--len:30.41;animation-delay:5.738s\"/><line x1=\"273.12\" y1=\"119.53\" x2=\"304.38\" y2=\"119.53\" style=\"--len:31.25;animation-delay:5.772s\"/><line x1=\"304.38\" y1=\"119.53\" x2=\"288.75\" y2=\"93.44\" style=\"--len:30.41;animation-delay:5.794s\"/><line x1=\"288.75\" y1=\"93.44\" x2=\"273.12\" y2=\"119.53\" style=\"--len:30.41;animation-delay:5.816s\"/><line x1=\"320.00\" y1=\"145.62\" x2=\"351.25\" y2=\"145.62\" style=\"--len:31.25;animation-delay:5.850s\"/><line x1=\"351.25\" y1=\"145.62\" x2=\"335.62\" y2=\"119.53\" style=\"--len:30.41;animation-delay:5.872s\"/><line x1=\"335.62\" y1=\"119.53\" x2=\"320.00\" y2=\"145.62\" style=\"--len:30.41;animation-delay:5.894s\"/><line x1=\"351.25\" y1=\"145.62\" x2=\"382.50\" y2=\"145.62\" style=\"--len:31.25;animation-delay:5.928s\"/><line x1=\"382.50\" y1=\"145.62\" x2=\"366.88\" y2=\"119.53\" style=\"--len:30.41;animation-delay:5.950s\"/><line x1=\"366.88\" y1=\"119.53\" x2=\"351.25\" y2=\"145.62\" style=\"--len:30.41;animation-delay:5.972s\"/><line x1=\"335.62\" y1=\"119.53\" x2=\"366.88\" y2=\"119.53\" style=\"--len:31.25;animation-delay:6.006s\"/><line x1=\"366.88\" y1=\"119.53\" x2=\"351.25\" y2=\"93.44\" style=\"--len:30.41;animation-delay:6.028s\"/><line x1=\"351.25\" y1=\"93.44\" x2=\"335.62\" y2=\"119.53\" style=\"--len:30.41;animation-delay:6.050s\"/><line x1=\"288.75\" y1=\"93.44\" x2=\"320.00\" y2=\"93.44\" style=\"--len:31.25;animation-delay:6.084s\"/><line x1=\"320.00\" y1=\"93.44\" x2=\"304.38\" y2=\"67.34\" style=\"--len:30.41;animation-delay:6.106s\"/><line x1=\"304.38\" y1=\"67.34\" x2=\"288.75\" y2=\"93.44\" style=\"--len:30.41;animation-delay:6.128s\"/><line x1=\"320.00\" y1=\"93.44\" x2=\"351.25\" y2=\"93.44\" style=\"--len:31.25;animation-delay:6.162s\"/><line x1=\"351.25\" y1=\"93.44\" x2=\"335.62\" y2=\"67.34\" style=\"--len:30.41;animation-delay:6.184s\"/><line x1=\"335.62\" y1=\"67.34\" x2=\"320.00\" y2=\"93.44\" style=\"--len:30.41;animation-delay:6.206s\"/><line x1=\"304.38\" y1=\"67.34\" x2=\"335.62\" y2=\"67.34\" style=\"--len:31.25;animation-delay:6.240s\"/><line x1=\"335.62\" y1=\"67.34\" x2=\"320.00\" y2=\"41.25\" style=\"--len:30.41;animation-delay:6.262s\"/><line x1=\"320.00\" y1=\"41.25\" x2=\"304.38\" y2=\"67.34\" style=\"--len:30.41;animation-delay:6.284s\"/></g><g class=\"nb-ts-pen\"><circle cx=\"101.25\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.022s\"/><circle cx=\"85.62\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.044s\"/><circle cx=\"70.00\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.066s\"/><circle cx=\"132.50\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.100s\"/><circle cx=\"116.88\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.122s\"/><circle cx=\"101.25\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.144s\"/><circle cx=\"116.88\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.178s\"/><circle cx=\"101.25\" cy=\"406.56\" r=\"2\" style=\"animation-delay:0.200s\"/><circle cx=\"85.62\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.222s\"/>
729<circle cx=\"163.75\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.256s\"/><circle cx=\"148.12\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.278s\"/><circle cx=\"132.50\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.300s\"/><circle cx=\"195.00\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.334s\"/><circle cx=\"179.38\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.356s\"/><circle cx=\"163.75\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.378s\"/><circle cx=\"179.38\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.412s\"/><circle cx=\"163.75\" cy=\"406.56\" r=\"2\" style=\"animation-delay:0.434s\"/><circle cx=\"148.12\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.456s\"/><circle cx=\"132.50\" cy=\"406.56\" r=\"2\" style=\"animation-delay:0.490s\"/><circle cx=\"116.88\" cy=\"380.47\" r=\"2\" style=\"animation-delay:0.512s\"/><circle cx=\"101.25\" cy=\"406.56\" r=\"2\" style=\"animation-delay:0.534s\"/><circle cx=\"163.75\" cy=\"406.56\" r=\"2\" style=\"animation-delay:0.568s\"/><circle cx=\"148.12\" cy=\"380.47\" r=\"2\" style=\"animation-delay:0.590s\"/><circle cx=\"132.50\" cy=\"406.56\" r=\"2\" style=\"animation-delay:0.612s\"/><circle cx=\"148.12\" cy=\"380.47\" r=\"2\" style=\"animation-delay:0.646s\"/><circle cx=\"132.50\" cy=\"354.38\" r=\"2\" style=\"animation-delay:0.668s\"/><circle cx=\"116.88\" cy=\"380.47\" r=\"2\" style=\"animation-delay:0.690s\"/><circle cx=\"226.25\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.724s\"/><circle cx=\"210.62\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.746s\"/><circle cx=\"195.00\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.768s\"/><circle cx=\"257.50\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.802s\"/><circle cx=\"241.88\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.824s\"/><circle cx=\"226.25\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.846s\"/><circle cx=\"241.88\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.880s\"/><circle cx=\"226.25\" cy=\"406.56\" r=\"2\" style=\"animation-delay:0.902s\"/><circle cx=\"210.62\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.924s\"/><circle cx=\"288.75\" cy=\"458.75\" r=\"2\" style=\"animation-delay:0.958s\"/><circle cx=\"273.12\" cy=\"432.66\" r=\"2\" style=\"animation-delay:0.980s\"/><circle cx=\"257.50\" cy=\"458.75\" r=\"2\" style=\"animation-delay:1.002s\"/><circle cx=\"320.00\" cy=\"458.75\" r=\"2\" style=\"animation-delay:1.036s\"/><circle cx=\"304.38\" cy=\"432.66\" r=\"2\" style=\"animation-delay:1.058s\"/><circle cx=\"288.75\" cy=\"458.75\" r=\"2\" style=\"animation-delay:1.080s\"/><circle cx=\"304.38\" cy=\"432.66\" r=\"2\" style=\"animation-delay:1.114s\"/><circle cx=\"288.75\" cy=\"406.56\" r=\"2\" style=\"animation-delay:1.136s\"/><circle cx=\"273.12\" cy=\"432.66\" r=\"2\" style=\"animation-delay:1.158s\"/><circle cx=\"257.50\" cy=\"406.56\" r=\"2\" style=\"animation-delay:1.192s\"/><circle cx=\"241.88\" cy=\"380.47\" r=\"2\" style=\"animation-delay:1.214s\"/><circle cx=\"226.25\" cy=\"406.56\" r=\"2\" style=\"animation-delay:1.236s\"/><circle cx=\"288.75\" cy=\"406.56\" r=\"2\" style=\"animation-delay:1.270s\"/><circle cx=\"273.12\" cy=\"380.47\" r=\"2\" style=\"animation-delay:1.292s\"/><circle cx=\"257.50\" cy=\"406.56\" r=\"2\" style=\"animation-delay:1.314s\"/><circle cx=\"273.12\" cy=\"380.47\" r=\"2\" style=\"animation-delay:1.348s\"/><circle cx=\"257.50\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.370s\"/><circle cx=\"241.88\" cy=\"380.47\" r=\"2\" style=\"animation-delay:1.392s\"/><circle cx=\"163.75\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.426s\"/><circle cx=\"148.12\" cy=\"328.28\" r=\"2\" style=\"animation-delay:1.448s\"/><circle cx=\"132.50\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.470s\"/><circle cx=\"195.00\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.504s\"/><circle cx=\"179.38\" cy=\"328.28\" r=\"2\" style=\"animation-delay:1.526s\"/><circle cx=\"163.75\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.548s\"/><circle cx=\"179.38\" cy=\"328.28\" r=\"2\" style=\"animation-delay:1.582s\"/><circle cx=\"163.75\" cy=\"302.19\" r=\"2\" style=\"animation-delay:1.604s\"/><circle cx=\"148.12\" cy=\"328.28\" r=\"2\" style=\"animation-delay:1.626s\"/><circle cx=\"226.25\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.660s\"/><circle cx=\"210.62\" cy=\"328.28\" r=\"2\" style=\"animation-delay:1.682s\"/><circle cx=\"195.00\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.704s\"/><circle cx=\"257.50\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.738s\"/><circle cx=\"241.88\" cy=\"328.28\" r=\"2\" style=\"animation-delay:1.760s\"/><circle cx=\"226.25\" cy=\"354.38\" r=\"2\" style=\"animation-delay:1.782s\"/><circle cx=\"241.88\" cy=\"328.28\" r=\"2\" style=\"animation-delay:1.816s\"/><circle cx=\"226.25\" cy=\"302.19\" r=\"2\" style=\"animation-delay:1.838s\"/><circle cx=\"210.62\" cy=\"328.28\" r=\"2\" style=\"animation-delay:1.860s\"/><circle cx=\"195.00\" cy=\"302.19\" r=\"2\" style=\"animation-delay:1.894s\"/><circle cx=\"179.38\" cy=\"276.09\" r=\"2\" style=\"animation-delay:1.916s\"/>
729<circle cx=\"163.75\" cy=\"302.19\" r=\"2\" style=\"animation-delay:1.938s\"/><circle cx=\"226.25\" cy=\"302.19\" r=\"2\" style=\"animation-delay:1.972s\"/><circle cx=\"210.62\" cy=\"276.09\" r=\"2\" style=\"animation-delay:1.994s\"/><circle cx=\"195.00\" cy=\"302.19\" r=\"2\" style=\"animation-delay:2.016s\"/><circle cx=\"210.62\" cy=\"276.09\" r=\"2\" style=\"animation-delay:2.050s\"/><circle cx=\"195.00\" cy=\"250.00\" r=\"2\" style=\"animation-delay:2.072s\"/><circle cx=\"179.38\" cy=\"276.09\" r=\"2\" style=\"animation-delay:2.094s\"/><circle cx=\"351.25\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.128s\"/><circle cx=\"335.62\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.150s\"/><circle cx=\"320.00\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.172s\"/><circle cx=\"382.50\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.206s\"/><circle cx=\"366.88\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.228s\"/><circle cx=\"351.25\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.250s\"/><circle cx=\"366.88\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.284s\"/><circle cx=\"351.25\" cy=\"406.56\" r=\"2\" style=\"animation-delay:2.306s\"/><circle cx=\"335.62\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.328s\"/><circle cx=\"413.75\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.362s\"/><circle cx=\"398.12\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.384s\"/><circle cx=\"382.50\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.406s\"/><circle cx=\"445.00\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.440s\"/><circle cx=\"429.38\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.462s\"/><circle cx=\"413.75\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.484s\"/><circle cx=\"429.38\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.518s\"/><circle cx=\"413.75\" cy=\"406.56\" r=\"2\" style=\"animation-delay:2.540s\"/><circle cx=\"398.12\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.562s\"/><circle cx=\"382.50\" cy=\"406.56\" r=\"2\" style=\"animation-delay:2.596s\"/><circle cx=\"366.88\" cy=\"380.47\" r=\"2\" style=\"animation-delay:2.618s\"/><circle cx=\"351.25\" cy=\"406.56\" r=\"2\" style=\"animation-delay:2.640s\"/><circle cx=\"413.75\" cy=\"406.56\" r=\"2\" style=\"animation-delay:2.674s\"/><circle cx=\"398.12\" cy=\"380.47\" r=\"2\" style=\"animation-delay:2.696s\"/><circle cx=\"382.50\" cy=\"406.56\" r=\"2\" style=\"animation-delay:2.718s\"/><circle cx=\"398.12\" cy=\"380.47\" r=\"2\" style=\"animation-delay:2.752s\"/><circle cx=\"382.50\" cy=\"354.38\" r=\"2\" style=\"animation-delay:2.774s\"/><circle cx=\"366.88\" cy=\"380.47\" r=\"2\" style=\"animation-delay:2.796s\"/><circle cx=\"476.25\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.830s\"/><circle cx=\"460.62\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.852s\"/><circle cx=\"445.00\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.874s\"/><circle cx=\"507.50\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.908s\"/><circle cx=\"491.88\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.930s\"/><circle cx=\"476.25\" cy=\"458.75\" r=\"2\" style=\"animation-delay:2.952s\"/><circle cx=\"491.88\" cy=\"432.66\" r=\"2\" style=\"animation-delay:2.986s\"/><circle cx=\"476.25\" cy=\"406.56\" r=\"2\" style=\"animation-delay:3.008s\"/><circle cx=\"460.62\" cy=\"432.66\" r=\"2\" style=\"animation-delay:3.030s\"/><circle cx=\"538.75\" cy=\"458.75\" r=\"2\" style=\"animation-delay:3.064s\"/><circle cx=\"523.12\" cy=\"432.66\" r=\"2\" style=\"animation-delay:3.086s\"/><circle cx=\"507.50\" cy=\"458.75\" r=\"2\" style=\"animation-delay:3.108s\"/><circle cx=\"570.00\" cy=\"458.75\" r=\"2\" style=\"animation-delay:3.142s\"/><circle cx=\"554.38\" cy=\"432.66\" r=\"2\" style=\"animation-delay:3.164s\"/><circle cx=\"538.75\" cy=\"458.75\" r=\"2\" style=\"animation-delay:3.186s\"/><circle cx=\"554.38\" cy=\"432.66\" r=\"2\" style=\"animation-delay:3.220s\"/><circle cx=\"538.75\" cy=\"406.56\" r=\"2\" style=\"animation-delay:3.242s\"/><circle cx=\"523.12\" cy=\"432.66\" r=\"2\" style=\"animation-delay:3.264s\"/><circle cx=\"507.50\" cy=\"406.56\" r=\"2\" style=\"animation-delay:3.298s\"/><circle cx=\"491.88\" cy=\"380.47\" r=\"2\" style=\"animation-delay:3.320s\"/><circle cx=\"476.25\" cy=\"406.56\" r=\"2\" style=\"animation-delay:3.342s\"/><circle cx=\"538.75\" cy=\"406.56\" r=\"2\" style=\"animation-delay:3.376s\"/><circle cx=\"523.12\" cy=\"380.47\" r=\"2\" style=\"animation-delay:3.398s\"/><circle cx=\"507.50\" cy=\"406.56\" r=\"2\" style=\"animation-delay:3.420s\"/><circle cx=\"523.12\" cy=\"380.47\" r=\"2\" style=\"animation-delay:3.454s\"/><circle cx=\"507.50\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.476s\"/><circle cx=\"491.88\" cy=\"380.47\" r=\"2\" style=\"animation-delay:3.498s\"/><circle cx=\"413.75\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.532s\"/><circle cx=\"398.12\" cy=\"328.28\" r=\"2\" style=\"animation-delay:3.554s\"/><circle cx=\"382.50\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.576s\"/><circle cx=\"445.00\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.610s\"/><circle cx=\"429.38\" cy=\"328.28\" r=\"2\" style=\"animation-delay:3.632s\"/><circle cx=\"413.75\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.654s\"/><circle cx=\"429.38\" cy=\"328.28\" r=\"2\" style=\"animation-delay:3.688s\"/><circle cx=\"413.75\" cy=\"302.19\" r=\"2\" style=\"animation-delay:3.710s\"/><circle cx=\"398.12\" cy=\"328.28\" r=\"2\" style=\"animation-delay:3.732s\"/><circle cx=\"476.25\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.766s\"/><circle cx=\"460.62\" cy=\"328.28\" r=\"2\" style=\"animation-delay:3.788s\"/><circle cx=\"445.00\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.810s\"/><circle cx=\"507.50\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.844s\"/><circle cx=\"491.88\" cy=\"328.28\" r=\"2\" style=\"animation-delay:3.866s\"/><circle cx=\"476.25\" cy=\"354.38\" r=\"2\" style=\"animation-delay:3.888s\"/><circle cx=\"491.88\" cy=\"328.28\" r=\"2\" style=\"animation-delay:3.922s\"/><circle cx=\"476.25\" cy=\"302.19\" r=\"2\" style=\"animation-delay:3.944s\"/><circle cx=\"460.62\" cy=\"328.28\" r=\"2\" style=\"animation-delay:3.966s\"/><circle cx=\"445.00\" cy=\"302.19\" r=\"2\" style=\"animation-delay:4.000s\"/><circle cx=\"429.38\" cy=\"276.09\" r=\"2\" style=\"animation-delay:4.022s\"/><circle cx=\"413.75\" cy=\"302.19\" r=\"2\" style=\"animation-delay:4.044s\"/><circle cx=\"476.25\" cy=\"302.19\" r=\"2\" style=\"animation-delay:4.078s\"/><circle cx=\"460.62\" cy=\"276.09\" r=\"2\" style=\"animation-delay:4.100s\"/><circle cx=\"445.00\" cy=\"302.19\" r=\"2\" style=\"animation-delay:4.122s\"/><circle cx=\"460.62\" cy=\"276.09\" r=\"2\" style=\"animation-delay:4.156s\"/><circle cx=\"445.00\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.178s\"/><circle cx=\"429.38\" cy=\"276.09\" r=\"2\" style=\"animation-delay:4.200s\"/><circle cx=\"226.25\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.234s\"/><circle cx=\"210.62\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.256s\"/><circle cx=\"195.00\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.278s\"/><circle cx=\"257.50\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.312s\"/><circle cx=\"241.88\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.334s\"/><circle cx=\"226.25\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.356s\"/><circle cx=\"241.88\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.390s\"/><circle cx=\"226.25\" cy=\"197.81\" r=\"2\" style=\"animation-delay:4.412s\"/><circle cx=\"210.62\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.434s\"/><circle cx=\"288.75\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.468s\"/><circle cx=\"273.12\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.490s\"/><circle cx=\"257.50\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.512s\"/><circle cx=\"320.00\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.546s\"/><circle cx=\"304.38\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.568s\"/><circle cx=\"288.75\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.590s\"/><circle cx=\"304.38\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.624s\"/><circle cx=\"288.75\" cy=\"197.81\" r=\"2\" style=\"animation-delay:4.646s\"/><circle cx=\"273.12\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.668s\"/><circle cx=\"257.50\" cy=\"197.81\" r=\"2\" style=\"animation-delay:4.702s\"/><circle cx=\"241.88\" cy=\"171.72\" r=\"2\" style=\"animation-delay:4.724s\"/><circle cx=\"226.25\" cy=\"197.81\" r=\"2\" style=\"animation-delay:4.746s\"/><circle cx=\"288.75\" cy=\"197.81\" r=\"2\" style=\"animation-delay:4.780s\"/><circle cx=\"273.12\" cy=\"171.72\" r=\"2\" style=\"animation-delay:4.802s\"/><circle cx=\"257.50\" cy=\"197.81\" r=\"2\" style=\"animation-delay:4.824s\"/><circle cx=\"273.12\" cy=\"171.72\" r=\"2\" style=\"animation-delay:4.858s\"/><circle cx=\"257.50\" cy=\"145.62\" r=\"2\" style=\"animation-delay:4.880s\"/><circle cx=\"241.88\" cy=\"171.72\" r=\"2\" style=\"animation-delay:4.902s\"/><circle cx=\"351.25\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.936s\"/><circle cx=\"335.62\" cy=\"223.91\" r=\"2\" style=\"animation-delay:4.958s\"/><circle cx=\"320.00\" cy=\"250.00\" r=\"2\" style=\"animation-delay:4.980s\"/><circle cx=\"382.50\" cy=\"250.00\" r=\"2\" style=\"animation-delay:5.014s\"/><circle cx=\"366.88\" cy=\"223.91\" r=\"2\" style=\"animation-delay:5.036s\"/><circle cx=\"351.25\" cy=\"250.00\" r=\"2\" style=\"animation-delay:5.058s\"/><circle cx=\"366.88\" cy=\"223.91\" r=\"2\" style=\"animation-delay:5.092s\"/><circle cx=\"351.25\" cy=\"197.81\" r=\"2\" style=\"animation-delay:5.114s\"/><circle cx=\"335.62\" cy=\"223.91\" r=\"2\" style=\"animation-delay:5.136s\"/><circle cx=\"413.75\" cy=\"250.00\" r=\"2\" style=\"animation-delay:5.170s\"/><circle cx=\"398.12\" cy=\"223.91\" r=\"2\" style=\"animation-delay:5.192s\"/><circle cx=\"382.50\" cy=\"250.00\" r=\"2\" style=\"animation-delay:5.214s\"/><circle cx=\"445.00\" cy=\"250.00\" r=\"2\" style=\"animation-delay:5.248s\"/><circle cx=\"429.38\" cy=\"223.91\" r=\"2\" style=\"animation-delay:5.270s\"/><circle cx=\"413.75\" cy=\"250.00\" r=\"2\" style=\"animation-delay:5.292s\"/><circle cx=\"429.38\" cy=\"223.91\" r=\"2\" style=\"animation-delay:5.326s\"/><circle cx=\"413.75\" cy=\"197.81\" r=\"2\" style=\"animation-delay:5.348s\"/><circle cx=\"398.12\" cy=\"223.91\" r=\"2\" style=\"animation-delay:5.370s\"/><circle cx=\"382.50\" cy=\"197.81\" r=\"2\" style=\"animation-delay:5.404s\"/><circle cx=\"366.88\" cy=\"171.72\" r=\"2\" style=\"animation-delay:5.426s\"/><circle cx=\"351.25\" cy=\"197.81\" r=\"2\" style=\"animation-delay:5.448s\"/><circle cx=\"413.75\" cy=\"197.81\" r=\"2\" style=\"animation-delay:5.482s\"/><circle cx=\"398.12\" cy=\"171.72\" r=\"2\" style=\"animation-delay:5.504s\"/><circle cx=\"382.50\" cy=\"197.81\" r=\"2\" style=\"animation-delay:5.526s\"/><circle cx=\"398.12\" cy=\"171.72\" r=\"2\" style=\"animation-delay:5.560s\"/><circle cx=\"382.50\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.582s\"/><circle cx=\"366.88\" cy=\"171.72\" r=\"2\" style=\"animation-delay:5.604s\"/><circle cx=\"288.75\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.638s\"/><circle cx=\"273.12\" cy=\"119.53\" r=\"2\" style=\"animation-delay:5.660s\"/><circle cx=\"257.50\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.682s\"/><circle cx=\"320.00\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.716s\"/><circle cx=\"304.38\" cy=\"119.53\" r=\"2\" style=\"animation-delay:5.738s\"/><circle cx=\"288.75\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.760s\"/><circle cx=\"304.38\" cy=\"119.53\" r=\"2\" style=\"animation-delay:5.794s\"/><circle cx=\"288.75\" cy=\"93.44\" r=\"2\" style=\"animation-delay:5.816s\"/><circle cx=\"273.12\" cy=\"119.53\" r=\"2\" style=\"animation-delay:5.838s\"/><circle cx=\"351.25\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.872s\"/><circle cx=\"335.62\" cy=\"119.53\" r=\"2\" style=\"animation-delay:5.894s\"/><circle cx=\"320.00\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.916s\"/><circle cx=\"382.50\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.950s\"/><circle cx=\"366.88\" cy=\"119.53\" r=\"2\" style=\"animation-delay:5.972s\"/><circle cx=\"351.25\" cy=\"145.62\" r=\"2\" style=\"animation-delay:5.994s\"/><circle cx=\"366.88\" cy=\"119.53\" r=\"2\" style=\"animation-delay:6.028s\"/><circle cx=\"351.25\" cy=\"93.44\" r=\"2\" style=\"animation-delay:6.050s\"/><circle cx=\"335.62\" cy=\"119.53\" r=\"2\" style=\"animation-delay:6.072s\"/><circle cx=\"320.00\" cy=\"93.44\" r=\"2\" style=\"animation-delay:6.106s\"/><circle cx=\"304.38\" cy=\"67.34\" r=\"2\" style=\"animation-delay:6.128s\"/><circle cx=\"288.75\" cy=\"93.44\" r=\"2\" style=\"animation-delay:6.150s\"/><circle cx=\"351.25\" cy=\"93.44\" r=\"2\" style=\"animation-delay:6.184s\"/><circle cx=\"335.62\" cy=\"67.34\" r=\"2\" style=\"animation-delay:6.206s\"/><circle cx=\"320.00\" cy=\"93.44\" r=\"2\" style=\"animation-delay:6.228s\"/><circle cx=\"335.62\" cy=\"67.34\" r=\"2\" style=\"animation-delay:6.262s\"/><circle cx=\"320.00\" cy=\"41.25\" r=\"2\" style=\"animation-delay:6.284s\"/><circle cx=\"304.38\" cy=\"67.34\" r=\"2\" style=\"animation-delay:6.306s\"/></g></svg>", 730 code: "<b>import</b> <m>turtle</m> <b>as</b> <m>t</m>\n\n<em># è°¢å°å®¾æ¯åºä¸è§ï¼æä¸è§å½¢ä¸å为åï¼ææä¸é´é£åï¼å¯¹ä¸ä¸ªè§éå½</em>\n<m>t</m>.<s>setup</s>(<u>600</u>, <u>
730520</u>); <m>t</m>.<s>hideturtle</s>(); <m>t</m>.<s>speed</s>(<u>0</u>)\n<m>t</m>.<s>color</s>(<i>\"#00e5ff\"</i>, <i>\"#0b2b38\"</i>)\n\n<b>def</b> <s>mid</s>(p, q):\n <b>return</b> ((p[<u>0</u>]+q[<u>0</u>])/<u>2</u>, (p[<u>1</u>]+q[<u>1</u>])/<u>2</u>)\n\n<b>def</b> <s>sierpinski</s>(pts, depth):\n <b>if</b> depth == <u>0</u>:\n <m>t</m>.<s>penup</s>(); <m>t</m>.<s>goto</s>(pts[<u>0</u>]); <m>t</m>.<s>pendown</s>()\n <m>t</m>.<s>begin_fill</s>()\n <b>for</b> p <b>in</b> pts[<u>1</u>:]: <m>t</m>.<s>goto</s>(p)\n <m>t</m>.<s>goto</s>(pts[<u>0</u>])\n <m>t</m>.<s>end_fill</s>()\n <b>return</b>\n a, b, c = pts\n <s>sierpinski</s>([a, <s>mid</s>(a,b), <s>mid</s>(a,c)], depth-<u>1</u>)\n <s>sierpinski</s>([<s>mid</s>(a,b), b, <s>mid</s>(b,c)], depth-<u>1</u>)\n <s>sierpinski</s>([<s>mid</s>(a,c), <s>mid</s>(b,c), c], depth-<u>1</u>)\n\nR = <u>250</u>\n<s>sierpinski</s>([(-R, -R*<u>0.62</u>), (R, -R*<u>0.62</u>), (<u>0</u>, R*<u>1.05</u>)], <u>4</u>)\n<m>t</m>.<s>done</s>()", 731 plain: "import turtle as t\n\n# è°¢å°å®¾æ¯åºä¸è§ï¼æä¸è§å½¢ä¸å为åï¼ææä¸é´é£åï¼å¯¹ä¸ä¸ªè§éå½\nt.setup(600, 520); t.hideturtle(); t.speed(0)\nt.color(\"#00e5ff\", \"#0b2b38\")\n\ndef mid(p, q):\n return ((p[0]+q[0])/2, (p[1]+q[1])/2)\n\ndef sierpinski(pts, depth):\n if depth == 0:\n t.penup(); t.goto(pts[0]); t.pendown()\n t.begin_fill()\n for p in pts[1:]: t.goto(p)\n t.goto(pts[0])\n t.end_fill()\n return\n a, b, c = pts\n sierpinski([a, mid(a,b), mid(a,c)], depth-1)\n sierpinski([mid(a,b), b, mid(b,c)], depth-1)\n sierpinski([mid(a,c), mid(b,c), c], depth-1)\n\nR = 250\nsierpinski([(-R, -R*0.62), (R, -R*0.62), (0, R*1.05)], 4)\nt.done()", 732 langs: [{"id": "py", "name": "Python", "file": "sierpinski.py", "code": "<b>import</b> <m>turtle</m> <b>as</b> <m>t</m>\n\n<em># è°¢å°å®¾æ¯åºä¸è§ï¼æä¸è§å½¢ä¸å为åï¼ææä¸é´é£åï¼å¯¹ä¸ä¸ªè§éå½</em>\n<m>t</m>.<s>setup</s>(<u>600</u>, <u>520</u>); <m>t</m>.<s>hideturtle</s>(); <m>t</m>.<s>speed</s>(<u>0</u>)\n<m>t</m>.<s>color</s>(<i>\"#00e5ff\"</i>, <i>\"#0b2b38\"</i>)\n\n<b>def</b> <s>mid</s>(p, q):\n <b>return</b> ((p[<u>0</u>]+q[<u>0</u>])/<u>2</u>, (p[<u>1</u>]+q[<u>1</u>])/<u>2</u>)\n\n<b>def</b> <s>sierpinski</s>(pts, depth):\n <b>if</b> depth == <u>0</u>:\n <m>t</m>.<s>penup</s>(); <m>t</m>.<s>goto</s>(pts[<u>0</u>]); <m>t</m>.<s>pendown</s>()\n <m>t</m>.<s>begin_fill</s>()\n <b>for</b> p <b>in</b> pts[<u>1</u>:]: <m>t</m>.<s>goto</s>(p)\n <m>t</m>.<s>goto</s>(pts[<u>0</u>])\n <m>t</m>.<s>end_fill</s>()\n <b>return</b>\n a, b, c = pts\n <s>sierpinski</s>([a, <s>mid</s>(a,b), <s>mid</s>(a,c)], depth-<u>1</u>)\n <s>sierpinski</s>([<s>mid</s>(a,b), b, <s>mid</s>(b,c)], depth-<u>1</u>)\n <s>sierpinski</s>([<s>mid</s>(a,c), <s>mid</s>(b,c), c], depth-<u>1</u>)\n\nR = <u>250</u>\n<s>sierpinski</s>([(-R, -R*<u>0.62</u>), (R, -R*<u>0.62</u>), (<u>0</u>, R*<u>1.05</u>)], <u>4</u>)\n<m>t</m>.<s>done</s>()", "plain": "import turtle as t\n\n# è°¢å°å®¾æ¯åºä¸è§ï¼æä¸è§å½¢ä¸å为åï¼ææä¸é´é£åï¼å¯¹ä¸ä¸ªè§éå½\nt.setup(600, 520); t.hideturtle(); t.speed(0)\nt.color(\"#00e5ff\", \"#0b2b38\")\n\ndef mid(p, q):\n return ((p[0]+q[0])/2, (p[1]+q[1])/2)\n\ndef sierpinski(pts, depth):\n if depth == 0:\n t.penup(); t.goto(pts[0]); t.pendown()\n t.begin_fill()\n for p in pts[1:]: t.goto(p)\n t.goto(pts[0])\n t.end_fill()\n return\n a, b, c = pts\n sierpinski([a, mid(a,b), mid(a,c)], depth-1)\n sierpinski([mid(a,b), b, mid(b,c)], depth-1)\n sierpinski([mid(a,c), mid(b,c), c], depth-1)\n\nR = 250\nsierpinski([(-R, -R*0.62), (R, -R*0.62), (0, R*1.05)], 4)\nt.done()"}, {"id": "js", "name": "JavaScript", "file": "sierpinski.js", "code": "<em>// è°¢å°å®¾æ¯åºä¸è§ · JavaScript + Canvas 2D</em>\n<em>// ç´æ¥å¨æµè§å¨éè·ï¼æè¿æ®µè´´è¿ <script> ææ§å¶å°å³å¯ã</em>\n<b>const</b> canvas = document.createElement(<i>'canvas'</i>);\ncanvas.width = 640; canvas.height = 560;\ndocument.body.appendChild(canvas);\n<b>const</b> ctx = canvas.getContext(<i>'2d'</i>);\nctx.fillStyle = <i>'#060a14'</i>;\nctx.fillRect(0, 0, canvas.width, canvas.height);\n\n<b>const</b> R = 250;\n<b>const</b> A = [-R, -R * 0.62];\n<b>const</b> B = [ R, -R * 0.62];\n<b>const</b> C = [ 0, R * 1.05];\n<b>const</b> shiftY = (A[1] + C[1]) / 2 - 10;\n\n<em>// ä¸çåæ -> ç»å¸åæ </em>\n<b>function</b> toCanvas(p) {\n <b>return</b> [p[0] + canvas.width / 2, canvas.height / 2 - (p[1] - shiftY)];\n}\n<b>function</b> mid(p, q) {\n <b>return</b> [(p[0] + q[0]) / 2, (p[1] + q[1]) / 2];\n}\n\n<em>
732// éå½ï¼ä¸è§å½¢ä¸å为åï¼ææä¸é´é£å</em>\n<b>function</b> sierpinski(pts, depth) {\n <b>if</b> (depth === 0) {\n <b>const</b> s = pts.map(toCanvas);\n ctx.beginPath();\n ctx.moveTo(s[0][0], s[0][1]);\n ctx.lineTo(s[1][0], s[1][1]);\n ctx.lineTo(s[2][0], s[2][1]);\n ctx.closePath();\n ctx.fillStyle = <i>'rgba(0,229,255,.16)'</i>;\n ctx.fill();\n ctx.strokeStyle = <i>'#00e5ff'</i>;\n ctx.lineWidth = 1.4;\n ctx.stroke();\n <b>return</b>;\n }\n <b>const</b> [a, b, c] = pts;\n sierpinski([a, mid(a, b), mid(a, c)], depth - 1);\n sierpinski([mid(a, b), b, mid(b, c)], depth - 1);\n sierpinski([mid(a, c), mid(b, c), c], depth - 1);\n}\n\nsierpinski([A, B, C], 4);\n", "plain": "// è°¢å°å®¾æ¯åºä¸è§ · JavaScript + Canvas 2D\n// ç´æ¥å¨æµè§å¨éè·ï¼æè¿æ®µè´´è¿ <script> ææ§å¶å°å³å¯ã\nconst canvas = document.createElement('canvas');\ncanvas.width = 640; canvas.height = 560;\ndocument.body.appendChild(canvas);\nconst ctx = canvas.getContext('2d');\nctx.fillStyle = '#060a14';\nctx.fillRect(0, 0, canvas.width, canvas.height);\n\nconst R = 250;\nconst A = [-R, -R * 0.62];\nconst B = [ R, -R * 0.62];\nconst C = [ 0, R * 1.05];\nconst shiftY = (A[1] + C[1]) / 2 - 10;\n\n// ä¸çåæ -> ç»å¸åæ \nfunction toCanvas(p) {\n return [p[0] + canvas.width / 2, canvas.height / 2 - (p[1] - shiftY)];\n}\nfunction mid(p, q) {\n return [(p[0] + q[0]) / 2, (p[1] + q[1]) / 2];\n}\n\n// éå½ï¼ä¸è§å½¢ä¸å为åï¼ææä¸é´é£å\nfunction sierpinski(pts, depth) {\n if (depth === 0) {\n const s = pts.map(toCanvas);\n ctx.beginPath();\n ctx.moveTo(s[0][0], s[0][1]);\n ctx.lineTo(s[1][0], s[1][1]);\n ctx.lineTo(s[2][0], s[2][1]);\n ctx.closePath();\n ctx.fillStyle = 'rgba(0,229,255,.16)';\n ctx.fill();\n ctx.strokeStyle = '#00e5ff';\n ctx.lineWidth = 1.4;\n ctx.stroke();\n return;\n }\n const [a, b, c] = pts;\n sierpinski([a, mid(a, b), mid(a, c)], depth - 1);\n sierpinski([mid(a, b), b, mid(b, c)], depth - 1);\n sierpinski([mid(a, c), mid(b, c), c], depth - 1);\n}\n\nsierpinski([A, B, C], 4);\n"}, {"id": "c", "name": "C", "file": "sierpinski.c", "code": "<em>/* è°¢å°å®¾æ¯åºä¸è§ · C è¯è¨ï¼çº¯æ§å¶å°ç¨å符ç»\n ç¼è¯ï¼ gcc sierpinski.c -o sierpinski\n è¿è¡ï¼ ./sierpinski ï¼Windows ä¸æ¯ sierpinski.exeï¼\n*/</em>\n#<b>include</b> <stdio.h>\n\n#<b>define</b> WIDTH 79 <em>/* ä¸è¡å¤å°å */</em>\n#<b>define</b> DEPTH 5 <em>/* éå½å±æ°ï¼è¶å¤§è¶ç» */</em>\n\n<em>/* å¤æ (x, y) è¿ä¸ªç¹æ¯å¦è½å¨è¢«ææçæ´éã\n è§åï¼è°¢å°å®¾æ¯åºä¸è§ = å¸æ¯å¡ä¸è§çå¥æ°é¡¹ï¼\n çä»·äºãx çäºè¿å¶ä½æ¯å¦è¢« y å®å
¨å
å«ãã */</em>\n<b>static</b> <b>int</b> in_hole(<b>int</b> x, <b>int</b>
732 y)\n{\n <b>return</b> (x & y) == y;\n}\n\n<b>int</b> <b>main</b>(<b>void</b>)\n{\n <b>int</b> rows = 1 << DEPTH; <em>/* DEPTH å± -> 2^DEPTH è¡ */</em>\n <b>int</b> r, i;\n\n <b>for</b> (r = 0; r < rows; r++) {\n <em>/* æ¯è¡å·¦è¾¹è¡¥ç©ºæ ¼ï¼è®©æ´ä½æä¸è§å½¢èä¸æ¯ç´è§ä¸è§å½¢ */</em>\n <b>for</b> (i = 0; i < rows - r - 1; i++)\n <b>putchar</b>(' ');\n\n <b>for</b> (i = 0; i <= r; i++) {\n <b>if</b> (in_hole(r - i, i))\n <b>printf</b>(<i>\" \"</i>); <em>/* æ´ï¼ç空 */</em>\n <b>else</b>\n <b>printf</b>(<i>\"##\"</i>); <em>/* å®ä½ï¼ä¸¤ä¸ªå符ï¼çèµ·æ¥æ´æ¹ */</em>\n }\n <b>putchar</b>('\\n');\n }\n <b>return</b> 0;\n}\n", "plain": "/* è°¢å°å®¾æ¯åºä¸è§ · C è¯è¨ï¼çº¯æ§å¶å°ç¨å符ç»\n ç¼è¯ï¼ gcc sierpinski.c -o sierpinski\n è¿è¡ï¼ ./sierpinski ï¼Windows ä¸æ¯ sierpinski.exeï¼\n*/\n#include <stdio.h>\n\n#define WIDTH 79 /* ä¸è¡å¤å°å */\n#define DEPTH 5 /* éå½å±æ°ï¼è¶å¤§è¶ç» */\n\n/* å¤æ (x, y) è¿ä¸ªç¹æ¯å¦è½å¨è¢«ææçæ´éã\n è§åï¼è°¢å°å®¾æ¯åºä¸è§ = å¸æ¯å¡ä¸è§çå¥æ°é¡¹ï¼\n çä»·äºãx çäºè¿å¶ä½æ¯å¦è¢« y å®å ¨å å«ãã */\nstatic int in_hole(int x, int y)\n{\n return (x & y) == y;\n}\n\nint main(void)\n{\n int rows = 1 << DEPTH; /* DEPTH å± -> 2^DEPTH è¡ */\n int r, i;\n\n for (r = 0; r < rows; r++) {\n /* æ¯è¡å·¦è¾¹è¡¥ç©ºæ ¼ï¼è®©æ´ä½æä¸è§å½¢èä¸æ¯ç´è§ä¸è§å½¢ */\n for (i = 0; i < rows - r - 1; i++)\n putchar(' ');\n\n for (i = 0; i <= r; i++) {\n if (in_hole(r - i, i))\n printf(\" \"); /* æ´ï¼ç空 */\n else\n printf(\"##\"); /* å®ä½ï¼ä¸¤ä¸ªå符ï¼çèµ·æ¥æ´æ¹ */\n }\n putchar('\\n');\n }\n return 0;\n}\n"}] 733 } 734 ,{ 735 file: 'koch.py', 736 id: "koch", 737 tab: "\u2744 \u79D1\u8D6B\u96EA\u82B1", 738 name: "Python \u6D77\u9F9F\u7ED8\u56FE <i>\u00B7 \u79D1\u8D6B\u96EA\u82B1</i>", 739 svg: "<svg class=\"nb-ts-svg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 520\" width=\"640\" height=\"520\" role=\"img\" aria-label=\"Python æµ·é¾éå½ç»åºç§èµ«éªè±\"><rect width=\"640\" height=\"520\" fill=\"#060a14\" rx=\"12\"/><rect width=\"640\" height=\"520\" fill=\"url(#nbTsGrid)\" rx=\"12\"/><path class=\"nb-ts-path\" d=\"M320.00,55.00L322.19,58.80L326.58,58.80L324.38,62.59L326.58,66.39L330.96,66.39L333.15,62.59L335.34,66.39L339.73,66.39L337.53,70.19L339.73,73.98L335.34,73.98L333.15,77.78L335.34,81.57L339.73,81.57L337.53,85.37L339.73,89.17L344.11,89.17L346.30,85.37L348.49,89.17L352.88,89.17L355.07,85.37L352.88,81.57L357.26,81.57L359.45,77.78L361.64,81.57L366.03,81.57L363.84,85.37L366.03,89.17L370.41,89.17L372.60,85.37L374.79,89.17L379.18,89.17L376.99,92.96L379.18,96.76L374.79,96.76L372.60,100.56L374.79,104.35L379.18,104.35L376.99,108.15L379.18,111.94
739L374.79,111.94L372.60,115.74L370.41,111.94L366.03,111.94L363.84,115.74L366.03,119.54L361.64,119.54L359.45,123.33L361.64,127.13L366.03,127.13L363.84,130.93L366.03,134.72L370.41,134.72L372.60,130.93L374.79,134.72L379.18,134.72L376.99,138.52L379.18,142.31L374.79,142.31L372.60,146.11L374.79,149.91L379.18,149.91L376.99,153.70L379.18,157.50L383.56,157.50L385.75,153.70L387.95,157.50L392.33,157.50L394.52,153.70L392.33,149.91L396.71,149.91L398.90,146.11L401.10,149.91L405.48,149.91L403.29,153.70L405.48,157.50L409.86,157.50L412.06,153.70L414.25,157.50L418.63,157.50L420.82,153.70L418.63,149.91L423.01,149.91L425.21,146.11L423.01,142.31L418.63,142.31L420.82,138.52L418.63,134.72L423.01,134.72L425.21,130.93L427.40,134.72L431.78,134.72L433.97,130.93L431.78,127.13L436.17,127.13L438.36,123.33L440.55,127.13L444.93,127.13L442.74,130.93L444.93,134.72L449.32,134.72L451.51,130.93L453.70,134.72L458.08,134.72L455.89,138.52L458.08,142.31L453.70,142.31L451.51,146.11L453.70,149.91L458.08,149.91L455.89,153.70L458.08,157.50L462.47,157.50L464.66,153.70L466.85,157.50L471.23,157.50L473.43,153.70L471.23,149.91L475.62,149.91L477.81,146.11L480.00,149.91L484.38,149.91L482.19,153.70L484.38,157.50L488.77,157.50L490.96,153.70L493.15,157.50L497.54,157.50L495.34,161.30L497.54,165.09L493.15,165.09L490.96,168.89L493.15,172.69L497.54,172.69L495.34,176.48L497.54,180.28L493.15,180.28L490.96,184.07L488.77,180.28L484.38,180.28L482.19,184.07L484.38,187.87L480.00,187.87L477.81,191.67L480.00,195.46L484.38,195.46L482.19,199.26L484.38,203.06L488.77,203.06L490.96,199.26L493.15,203.06L497.54,203.06L495.34,206.85L497.54,210.65L493.15,210.65L490.96,214.44L493.15,218.24L497.54,218.24L495.34,222.04L497.54,225.83L493.15,225.83L490.96,229.63L488.77,225.83L484.38,225.83L482.19,229.63L484.38,233.43L480.00,233.43L477.81,237.22L475.62,233.43L471.23,233.43L473.43,229.63L471.23,225.83L466.85,225.83L464.66,229.63L462.47,225.83L458.08,225.83L455.89,229.63L458.08,233.43L453.70,233.43L451.51,237.22L453.70,241.02L458.08,241.02L455.89,244.81L458.08,248.61L453.70,248.61L451.51,252.41L449.32,248.61L444.93,248.61L442.74,252.41L444.93,256.20L440.55,256.20L438.36,260.00L440.55,263.80L444.93,263.80L442.74,267.59L444.93,271.39L449.32,271.39L451.51,267.59L453.70,271.39L458.08,271.39L455.89,275.19L458.08,278.98L453.70,278.98L451.51,282.78L453.70,286.57L458.08,286.57L455.89,290.37L458.08,294.17L462.47,294.17L464.66,290.37L466.85,294.17L471.23,294.17L473.43,290.37L471.23,286.57L475.62,286.57L477.81,282.78L480.00,286.57L484.38,286.57L482.19,290.37L484.38,294.17L488.77,294.17L490.96,290.37L493.15,294.17L497.54,294.17L495.34,297.96L497.54,301.76L493.15,301.76L490.96,305.56L493.15,309.35L497.54,309.35L495.34,313.15L497.54,316.94L493.15,316.94L490.96,320.74L488.77,316.94L484.38,316.94L482.19,320.74L484.38,324.54L480.00,324.54L477.81,328.33L480.00,332.13L484.38,332.13L482.19,335.93L484.38,339.72L488.77,339.72L490.96,335.93L493.15,339.72L497.54,339.72L495.34,343.52L497.54,347.31L493.15,347.31L490.96,351.11L493.15,354.91L497.54,354.91L495.34,358.70L497.54,362.50L493.15,362.50L490.96,366.30L488.77,362.50L484.38,362.50L482.19,366.30L484.38,370.09L480.00,370.09L477.81,373.89L475.62,370.09L471.23,370.09L473.43,366.30L471.23,362.50L466.85,362.50L464.66,366.30L462.47,362.50L458.08,362.50L455.89,366.30L458.08,370.09L453.70,370.09L451.51,373.89L453.70,377.69L458.08,377.69L455.89,381.48L458.08,385.28L453.70,385.28L451.51,389.07L449.32,385.28L444.93,385.28L442.74,389.07L444.93,392.87L440.55,392.87L438.36,396.67L436.17,392.87L431.78,392.87L433.97,389.07L431.78,385.28L427.40,385.28L425.21,389.07L423.01,385.28L418.63,385.28L420.82,381.48L418.63,377.69L423.01,377.69L425.21,373.89L423.01,370.09L418.63,370.09L420.82,366.30L418.63,362.50L414.25,362.50L412.06,366.30L409.86,362.50L405.48,362.50L403.29,366.30L405.48,370.09L401.10,370.09L398.90,373.89L396.71,370.09L392.33,370.09L394.52,366.30L392.33,362.50L387.95,362.50L385.75,366.30L383.56,362.50L379.18,362.50L376.99,366.30L379.18,370.09L374.79,370.09L372.60,373.89L374.79,377.69L379.18,377.69L376.99,381.48L379.18,385.28L374.79,385.28L372.60,389.07L370.41,385.28L366.03,385.28L363.84,389.07L366.03,392.87L361.64,392.87L359.45,396.67L361.64,400.46L366.03,400.46L363.84,404.26L366.03,408.06L370.41,408.06L372.60,404.26L374.79,408.06L379.18,408.06L376.99,411.85L379.18,415.65L374.79,415.65L372.60,419.44L374.79,423.24L379.18,423.24L376.99,427.04L379.18,430.83L374.79,430.83L372.60,434.63L370.41,430.83L366.03,430.83L363.84,434.63L366.03,438.43L361.64,438.43L359.45,442.22L357.26,438.43L352.88,438.43L355.07,434.63L352.88,430.83L348.49,430.83L346.30,434.63L344.11,430.83L339.73,430.83L337.53,434.63L339.73,438.43L335.34,438.43L333.15,442.22L335.34,446.02L339.73,446.02L337.53,449.81L339.73,453.61L335.34,453.61L333.15,457.41L330.96,453.61L326.58,453.61L324.38,457.41L326.58,461.20L322.19,461.20L320.00,465.00L317.81,461.20L313.42,461.20L315.62,457.41L313.42,453.61L309.04,453.61L306.85,457.41L304.66,453.61L300.27,453.61L302.47,449.81L300.27,446.02L304.66,446.02L306.85,442.22L304.66,438.43L300.27,438.43L302.47,434.63L300.27,430.83L295.89,430.83L293.70,434.63L291.51,430.83L287.12,430.83L284.93,434.63L287.12,438.43L282.74,438.43L280.55,442.22L278.36,438.43L273.97,438.43L276.16,434.63L273.97,430.83L269.59,430.83L267.40,434.63L265.21,430.83L260.82,430.83L263.01,427.04L260.82,423.24L265.21,423.24L267.40,419.44L265.21,415.65L260.82,415.65L263.01,411.85L260.82,408.06L265.21,408.06L267.40,404.26L269.59,408.06L273.97,408.06L276.16,404.26L273.97,400.46L278.36,400.46L280.55,396.67L278.36,392.87L273.97,392.87L276.16,389.07L273.97,385.28L269.59,385.28L267.40,389.07L265.21,385.28L260.82,385.28L263.01,381.48L260.82,377.69L265.21,377.69L267.40,373.89L265.21,370.09L260.82,370.09L263.01,366.30L260.82,362.50L256.44,362.50L254.25,366.30L252.05,362.50L247.67,362.50L245.48,3
73966.30L247.67,370.09L243.29,370.09L241.10,373.89L238.90,370.09L234.52,370.09L236.71,366.30L234.52,362.50L230.14,362.50L227.94,366.30L225.75,362.50L221.37,362.50L219.18,366.30L221.37,370.09L216.99,370.09L214.79,373.89L216.99,377.69L221.37,377.69L219.18,381.48L221.37,385.28L216.99,385.28L214.79,389.07L212.60,385.28L208.22,385.28L206.03,389.07L208.22,392.87L203.83,392.87L201.64,396.67L199.45,392.87L195.07,392.87L197.26,389.07L195.07,385.28L190.68,385.28L188.49,389.07L186.30,385.28L181.92,385.28L184.11,381.48L181.92,377.69L186.30,377.69L188.49,373.89L186.30,370.09L181.92,370.09L184.11,366.30L181.92,362.50L177.53,362.50L175.34,366.30L173.15,362.50L168.77,362.50L166.57,366.30L168.77,370.09L164.38,370.09L162.19,373.89L160.00,370.09L155.62,370.09L157.81,366.30L155.62,362.50L151.23,362.50L149.04,366.30L146.85,362.50L142.46,362.50L144.66,358.70L142.46,354.91L146.85,354.91L149.04,351.11L146.85,347.31L142.46,347.31L144.66,343.52L142.46,339.72L146.85,339.72L149.04,335.93L151.23,339.72L155.62,339.72L157.81,335.93L155.62,332.13L160.00,332.13L162.19,328.33L160.00,324.54L155.62,324.54L157.81,320.74L155.62,316.94L151.23,316.94L149.04,320.74L146.85,316.94L142.46,316.94L144.66,313.15L142.46,309.35L146.85,309.35L149.04,305.56L146.85,301.76L142.46,301.76L144.66,297.96L142.46,294.17L146.85,294.17L149.04,290.37L151.23,294.17L155.62,294.17L157.81,290.37L155.62,286.57L160.00,286.57L162.19,282.78L164.38,286.57L168.77,286.57L166.57,290.37L168.77,294.17L173.15,294.17L175.34,290.37L177.53,294.17L181.92,294.17L184.11,290.37L181.92,286.57L186.30,286.57L188.49,282.78L186.30,278.98L181.92,278.98L184.11,275.19L181.92,271.39L186.30,271.39L188.49,267.59L190.68,271.39L195.07,271.39L197.26,267.59L195.07,263.80L199.45,263.80L201.64,260.00L199.45,256.20L195.07,256.20L197.26,252.41L195.07,248.61L190.68,248.61L188.49,252.41L186.30,248.61L181.92,248.61L184.11,244.81L181.92,241.02L186.30,241.02L188.49,237.22L186.30,233.43L181.92,233.43L184.11,229.63L181.92,225.83L177.53,225.83L175.34,229.63L173.15,225.83L168.77,225.83L166.57,229.63L168.77,233.43L164.38,233.43L162.19,237.22L160.00,233.43L155.62,233.43L157.81,229.63L155.62,225.83L151.23,225.83L149.04,229.63L146.85,225.83L142.46,225.83L144.66,222.04L142.46,218.24L146.85,218.24L149.04,214.44L146.85,210.65L142.46,210.65L144.66,206.85L142.46,203.06L146.85,203.06L149.04,199.26L151.23,203.06L155.62,203.06L157.81,199.26L155.62,195.46L160.00,195.46L162.19,191.67L160.00,187.87L155.62,187.87L157.81,184.07L155.62,180.28L151.23,180.28L149.04,184.07L146.85,180.28L142.46,180.28L144.66,176.48L142.46,172.69L146.85,172.69L149.04,168.89L146.85,165.09L142.46,165.09L144.66,161.30L142.46,157.50L146.85,157.50L149.04,153.70L151.23,157.50L155.62,157.50L157.81,153.70L155.62,149.91L160.00,149.91L162.19,146.11L164.38,149.91L168.77,149.91L166.57,153.70L168.77,157.50L173.15,157.50L175.34,153.70L177.53,157.50L181.92,157.50L184.11,153.70L181.92,149.91L186.30,149.91L188.49,146.11L186.30,142.31L181.92,142.31L184.11,138.52L181.92,134.72L186.30,134.72L188.49,130.93L190.68,134.72L195.07,134.72L197.26,130.93L195.07,127.13L199.45,127.13L201.64,123.33L203.83,127.13L208.22,127.13L206.03,130.93L208.22,134.72L212.60,134.72L214.79,130.93L216.99,134.72L221.37,134.72L219.18,138.52L221.37,142.31L216.99,142.31L214.79,146.11L216.99,149.91L221.37,149.91L219.18,153.70L221.37,157.50L225.75,157.50L227.94,153.70L230.14,157.50L234.52,157.50L236.71,153.70L234.52,149.91L238.90,149.91L241.10,146.11L243.29,149.91L247.67,149.91L245.48,153.70L247.67,157.50L252.05,157.50L254.25,153.70L256.44,157.50L260.82,157.50L263.01,153.70L260.82,149.91L265.21,149.91L267.40,146.11L265.21,142.31L260.82,142.31L263.01,138.52L260.82,134.72L265.21,134.72L267.40,130.93L269.59,134.72L273.97,134.72L276.16,130.93L273.97,127.13L278.36,127.13L280.55,123.33L278.36,119.54L273.97,119.54L276.16,115.74L273.97,111.94L269.59,111.94L267.40,115.74L265.21,111.94L260.82,111.94L263.01,108.15L260.82,104.35L265.21,104.35L267.40,100.56L265.21,96.76L260.82,96.76L263.01,92.96L260.82,89.17L265.21,89.17L267.40,85.37L269.59,89.17L273.97,89.17L276.16,85.37L273.97,81.57L278.36,81.57L280.55,77.78L282.74,81.57L287.12,81.57L284.93,85.37L287.12,89.17L291.51,89.17L293.70,85.37L295.89,89.17L300.27,89.17L302.47,85.37L300.27,81.57L304.66,81.57L306.85,77.78L304.66,73.98L300.27,73.98L302.47,70.19L300.27,66.39L304.66,66.39L306.85,62.59L309.04,66.39L313.42,66.39L315.62,62.59L313.42,58.80L317.81,58.80L320.00,55.00\" style=\"--len:3366.6\"/></svg>", 740 code: "<m>import</b> <m>turtle</b> <b>as</b> <m>t</b>, <m>math</b>\n\n<em># ç§èµ«éªè±ï¼ææ¯æ¡è¾¹ä¸çåï¼ä¸é´é£æ®µæ¢æå¸èµ·ççè¾¹ä¸è§å½¢ï¼ç¶åéå½</b>\n<em># ä¸æ¡è¾¹çå¸èµ·å¿ é¡»é½ãæå¤ãææ¯éªè±ï¼æ以顶ç¹è¦æéæ¶éåï¼</b>\n<em># 顺æ¶éåçè¯å¸èµ·ä¼æå ï¼ç»åºæ¥æ¯ä¸æµè±ã</b>\n<m>t</b>.<s>setup</b>(<u>600</b>, <u>
740520</b>); <m>t</b>.<s>hideturtle</b>(); <m>t</b>.<s>speed</b>(<u>0</b>)\n<m>t</b>.<s>color</b>(<i>\"#00e5ff\"</b>); <m>t</b>.<s>pensize</b>(<u>2</b>)\n\n<b>def</b> <s>koch</b>(p, q, depth):\n <i>\"\"\"æ线段 pq éå½ç»åæç§èµ«æ²çº¿ï¼è¾¹ç®è¾¹ç»\"\"\"</b>\n <b>if</b> depth == <u>0</b>:\n <m>t</b>.<s>goto</b>(q)\n <b>return</b>\n dx, dy = (q[<u>0</b>]-p[<u>0</b>])/<u>3</b>, (q[<u>1</b>]-p[<u>1</b>])/<u>3</b> <em># æ¯æ®µé¿åº¦çåé</b>\n a = (p[<u>0</b>]+dx, p[<u>1</b>]+dy) <em># 第ä¸ä¸ªä¸çåç¹</b>\n c = (p[<u>0</b>]+<u>2</b>*dx, p[<u>1</b>]+<u>2</b>*dy) <em># 第äºä¸ªä¸çåç¹</b>\n ang = <m>math</b>.<s>radians</b>(<u>60</b>)\n b = (a[<u>0</b>] + dx*<m>math</b>.<s>cos</b>(ang) - dy*<m>math</b>.<s>sin</b>(ang),\n a[<u>1</b>] + dx*<m>math</b>.<s>sin</b>(ang) + dy*<m>math</b>.<s>cos</b>(ang)) <em># å¸èµ·é¡¶ç¹</b>\n <s>koch</b>(p, a, depth-<u>1</b>); <s>koch</b>(a, b, depth-<u>1</b>)\n <s>koch</b>(b, c, depth-<u>1</b>); <s>koch</b>(c, q, depth-<u>1</b>)\n\nR = <u>205</b>\n<em># éæ¶éåä¸ä¸ªé¡¶ç¹ï¼90° â 210° â 330° åè¿æ¥ï¼</b>\nP = [(R*<m>math</b>.<s>cos</b>(<m>math</b>.<s>radians</b>(<u>90</b> - i*<u>120</b>)),\n R*<m>math</b>.<s>sin</b>(<m>math</b>.<s>radians</b>(<u>90</b> - i*<u>120</b>))) <b>for</b> i <b>in</b> <s>range</b>(<u>3</b>)]\n<m>t</b>.<s>penup</b>(); <m>t</b>.<s>goto</b>(P[<u>0</b>]); <m>t</b>.<s>pendown</b>()\n<b>for</b> i <b>in</b> <s>range</b>(<u>3</b>):\n <s>koch</b>(P[i], P[(i+<u>1</b>)%<u>3</b>], <u>4</b>)\n<m>t</b>.<s>done</b>()", 741 plain: "import turtle as t, math\n\n# ç§èµ«éªè±ï¼ææ¯æ¡è¾¹ä¸çåï¼ä¸é´é£æ®µæ¢æå¸èµ·ççè¾¹ä¸è§å½¢ï¼ç¶åéå½\n# ä¸æ¡è¾¹çå¸èµ·å¿ é¡»é½ãæå¤ãææ¯éªè±ï¼æ以顶ç¹è¦æéæ¶éåï¼\n# 顺æ¶éåçè¯å¸èµ·ä¼æå ï¼ç»åºæ¥æ¯ä¸æµè±ã\nt.setup(600, 520); t.hideturtle(); t.speed(0)\nt.color(\"#00e5ff\"); t.pensize(2)\n\ndef koch(p, q, depth):\n \"\"\"æ线段 pq éå½ç»åæç§èµ«æ²çº¿ï¼è¾¹ç®è¾¹ç»\"\"\"\n if depth == 0:\n t.goto(q)\n return\n dx, dy = (q[0]-p[0])/3, (q[1]-p[1])/3 # æ¯æ®µé¿åº¦çåé\n a = (p[0]+dx, p[1]+dy) # 第ä¸ä¸ªä¸çåç¹\n c = (p[0]+2*dx, p[1]+2*dy) # 第äºä¸ªä¸çåç¹\n ang = math.radians(60)\n b = (a[0] + dx*math.cos(ang) - dy*math.sin(ang),\n a[1] + dx*math.sin(ang) + dy*math.cos(ang)) # å¸èµ·é¡¶ç¹\n koch(p, a, depth-1); koch(a, b, depth-1)\n koch(b, c, depth-1); koch(c, q, depth-1)\n\nR = 205\n# éæ¶éåä¸ä¸ªé¡¶ç¹ï¼90° â 210° â 330° åè¿æ¥ï¼\nP = [(R*math.cos(math.radians(90 - i*120)),\n R*math.sin(math.radians(90 - i*120))) for i in range(3)]\nt.penup(); t.goto(P[0]); t.pendown()\nfor i in range(3):\n koch(P[i], P[(i+1)%3], 4)\nt.done()", 742 langs: [{"id": "py", "name": "Python", "file": "koch.py", "code": "<m>import</b> <m>turtle</b> <b>as</b> <m>t</b>, <m>math</b>\n\n<em># ç§èµ«éªè±ï¼ææ¯æ¡è¾¹ä¸çåï¼ä¸é´é£æ®µæ¢æå¸èµ·ççè¾¹ä¸è§å½¢ï¼ç¶åéå½</b>\n<em># ä¸æ¡è¾¹çå¸èµ·å¿ é¡»é½ãæå¤ãææ¯éªè±ï¼æ以顶ç¹è¦æéæ¶éåï¼</b>\n<em># 顺æ¶éåçè¯å¸èµ·ä¼æå ï¼ç»åºæ¥æ¯ä¸æµè±ã</b>\n<m>t</b>.<s>setup</b>(<u>600</b>, <u>520</b>); <m>t</b>.<s>hideturtle</b>(); <m>t</b>.<s>speed</b>(<u>0</b>)\n<m>t</b>.<s>color</b>(<i>\"#00e5ff\"</b>); <m>t</b>.<s>pensize</b>(<u>2</b>)\n\n<b>def</b> <s>koch</b>(p, q, depth):\n <i>\"\"\"æ线段 pq éå½ç»åæç§èµ«æ²çº¿ï¼è¾¹ç®è¾¹ç»\"\"\"</b>\n <b>if</b> depth == <u>0</b>:\n <m>t</b>.<s>goto</b>(q)\n <b>return</b>\n dx, dy = (q[<u>0</b>]-p[<u>0</b>])/<u>3</b>, (q[<u>1</b>]-p[<u>1</b>])/<u>3</b> <em># æ¯æ®µé¿åº¦çåé</b>\n a = (p[<u>0</b>]+dx, p[<u>1</b>]+dy) <em># 第ä¸ä¸ªä¸çåç¹</b>\n c = (p[<u>0</b>]+<u>2</b>*dx, p[<u>1</b>]+<u>2</b>*dy) <em># 第äºä¸ªä¸çåç¹</b>\n ang = <m>math</b>.<s>radians</b>(<u>60</b>)\n b = (a[<u>0</b>] + dx*<m>math</b>.<s>cos</b>(ang) - dy*<m>math</b>.<s>sin</b>(ang),\n a[<u>1</b>] + dx*<m>math</b>.<s>sin</b>(ang) + dy*<m>math</b>.<s>cos</b>(ang)) <em># å¸èµ·é¡¶ç¹</b>\n <s>koch</b>(p, a, depth-<u>1</b>); <s>koch</b>(a, b, depth-<u>1</b>)\n <s>koch</b>(b, c, depth-<u>1</b>); <s>koch</b>(c, q, depth-<u>1</b>)\n\nR = <u>205</b>\n<em># éæ¶éåä¸ä¸ªé¡¶ç¹ï¼90° â 210° â 330° åè¿æ¥ï¼</b>\nP = [(R*<m>math</b>.<s>cos</b>(<m>math</b>.<s>radians</b>(<u>90</b> - i*<u>120</b>)),\n R*<m>math</b>.<s>sin</b>(<m>math</b>.<s>radians</b>(<u>90</b> - i*<u>120</b>))) <b>for</b> i <b>in</b> <s>range</b>(<u>3</b>)]\n<m>t</b>.<s>penup</b>(); <m>t</b>.<s>goto</b>(P[<u>0</b>]); <m>t</b>.<s>pendown</b>()\n<b>for</b> i <b>in</b> <s>range</b>(<u>3</b>):\n <s>koch</b>(P[i], P[(i+<u>1</b>)%<u>3</b>], <u>4</b>)\n<m>t</b>.<s>done</b>()", "plain": "import turtle as t, math\n\n# ç§èµ«éªè±ï¼ææ¯æ¡è¾¹ä¸çåï¼ä¸é´é£æ®µæ¢æå¸èµ·ççè¾¹ä¸è§å½¢ï¼ç¶åéå½\n# ä¸æ¡è¾¹çå¸èµ·å¿ é¡»é½ãæå¤ãææ¯éªè±ï¼æ以顶ç¹è¦æéæ¶éåï¼\n# 顺æ¶éåçè¯å¸èµ·ä¼æå ï¼ç»åºæ¥æ¯ä¸æµè±ã\nt.setup(600, 520); t.hideturtle(); t.speed(0)\nt.color(\"#00e5ff\"); t.pensize(2)\n\ndef koch(p, q, depth):\n \"\"\"æ线段 pq éå½ç»åæç§èµ«æ²çº¿ï¼è¾¹ç®è¾¹ç»\"\"\"\n if depth == 0:\n t.goto(q)\n return\n dx, dy = (q[0]-p[0])/3, (q[1]-p[1])/3 # æ¯æ®µé¿åº¦çåé\n a = (p[0]+dx, p[1]+dy) # 第ä¸ä¸ªä¸çåç¹\n c = (p[0]+2*dx, p[1]+2*dy) # 第äºä¸ªä¸çåç¹\n ang = math.radians(60)\n b = (a[0] + dx*math.cos(ang) - dy*math.sin(ang),\n a[1] + dx*math.sin(ang) + dy*math.cos(ang)) # å¸èµ·é¡¶ç¹\n koch(p, a, depth-1); koch(a, b, depth-1)\n koch(b, c, depth-1); koch(c, q, depth-1)\n\nR = 205\n# éæ¶éåä¸ä¸ªé¡¶ç¹ï¼90° â 210° â 330° åè¿æ¥ï¼\nP = [(R*math.cos(math.radians(90 - i*120)),\n R*math.sin(math.radians(90 - i*120))) for i in range(3)]\nt.penup(); t.goto(P[0]); t.pendown()\nfor i in range(3):\n koch(P[i], P[(i+1)%3], 4)\nt.done()"}, {"id": "js", "name": "JavaScript", "file": "koch.js", "code": "<em>// ç§èµ«éªè± · JavaScript + Canvas 2D</em>\n<em>
742// 顶ç¹æãéæ¶éãåï¼å¸èµ·ææå¤ï¼é¡ºæ¶éåä¼ç»æä¸æµè±ã</em>\n<b>const</b> <b>canvas</b> = document.createElement(<i>'<b>canvas</b>'</i>);\n<b>canvas</b>.width = 660; <b>canvas</b>.height = 560;\ndocument.body.appendChild(<b>canvas</b>);\n<b>const</b> <b>ctx</b> = <b>canvas</b>.getContext(<i>'2d'</i>);\n<b>ctx</b>.fillStyle = <i>'#060a14'</i>;\n<b>ctx</b>.fillRect(0, 0, <b>canvas</b>.width, <b>canvas</b>.height);\n\n<b>const</b> R = 205;\n<b>const</b> P = [0, 1, 2].map(i => {\n <b>const</b> a = (90 - i * 120) * <b>Math</b>.PI / 180; <em>// éæ¶é</em>\n <b>return</b> [R * <b>Math</b>.cos(a), R * <b>Math</b>.sin(a)];\n});\n\n<b>function</b> koch(p, q, depth) {\n <b>if</b> (depth === 0) { <b>ctx</b>.lineTo(q[0], q[1]); <b>return</b>; }\n <b>const</b> dx = (q[0] - p[0]) / 3, dy = (q[1] - p[1]) / 3;\n <b>const</b> a = [p[0] + dx, p[1] + dy];\n <b>const</b> c = [p[0] + 2 * dx, p[1] + 2 * dy];\n <b>const</b> ang = <b>Math</b>.PI / 3; <em>// 60°</em>\n <b>const</b> b = [a[0] + dx * <b>Math</b>.cos(ang) - dy * <b>Math</b>.sin(ang),\n a[1] + dx * <b>Math</b>.sin(ang) + dy * <b>Math</b>.cos(ang)];\n koch(p, a, depth - 1);\n koch(a, b, depth - 1);\n koch(b, c, depth - 1);\n koch(c, q, depth - 1);\n}\n\n<b>ctx</b>.translate(<b>canvas</b>.width / 2, <b>canvas</b>.height / 2 + 40);\n<b>ctx</b>.beginPath();\n<b>const</b> s = P[0];\n<b>ctx</b>.moveTo(s[0], -s[1]);\n<b>for</b> (<b>let</b> i = 0; i < 3; i++) {\n <b>const</b> a = P[i], b = P[(i + 1) % 3];\n koch([a[0], -a[1]], [b[0], -b[1]], 4);\n}\n<b>ctx</b>.strokeStyle = <i>'#00e5ff'</i>;\n<b>ctx</b>.lineWidth = 1.6;\n<b>ctx</b>.lineJoin = <i>'round'</i>;\n<b>ctx</b>.stroke();\n", "plain": "// ç§èµ«éªè± · JavaScript + Canvas 2D\n// 顶ç¹æãéæ¶éãåï¼å¸èµ·ææå¤ï¼é¡ºæ¶éåä¼ç»æä¸æµè±ã\nconst canvas = document.createElement('canvas');\ncanvas.width = 660; canvas.height = 560;\ndocument.body.appendChild(canvas);\nconst ctx = canvas.getContext('2d');\nctx.fillStyle = '#060a14';\nctx.fillRect(0, 0, canvas.width, canvas.height);\n\nconst R = 205;\nconst P = [0, 1, 2].map(i => {\n const a = (90 - i * 120) * Math.PI / 180; // éæ¶é\n return [R * Math.cos(a), R * Math.sin(a)];\n});\n\nfunction koch(p, q, depth) {\n if (depth === 0) { ctx.lineTo(q[0], q[1]); return; }\n const dx = (q[0] - p[0]) / 3, dy = (q[1] - p[1]) / 3;\n const a = [p[0] + dx, p[1] + dy];\n const c = [p[0] + 2 * dx, p[1] + 2 * dy];\n const ang = Math.PI / 3; // 60°\n const b = [a[0] + dx * Math.cos(ang) - dy * Math.sin(ang),\n a[1] + dx * Math.sin(ang) + dy * Math.cos(ang)];\n koch(p, a, depth - 1);\n koch(a, b, depth - 1);\n koch(b, c, depth - 1);\n koch(c, q, depth - 1);\n}\n\nctx.translate(canvas.width / 2, canvas.height / 2 + 40);\nctx.beginPath();\nconst s = P[0];\nctx.moveTo(s[0], -s[1]);\nfor (let i = 0; i < 3; i++) {\n const a = P[i], b = P[(i + 1) % 3];\n koch([a[0], -a[1]], [b[0], -b[1]], 4);\n}\nctx.strokeStyle = '#00e5ff';\nctx.lineWidth = 1.6;\nctx.lineJoin = 'round';\nctx.stroke();\n"}, {"id": "c", "name": "C", "file": "koch.c", "code": "<em>/* ç§èµ«éªè± · C è¯è¨ï¼æ§å¶å° ASCII\n ç¼è¯ï¼ gcc koch.c -o koch -lm\n æè·¯ï¼éå½æ线段ä¸çåï¼ä¸é´é£æ®µæ¢æå¸èµ·ççè¾¹ä¸è§å½¢ï¼\n æåææ线ç¹æè¡éæ ·æå符ã */</em>\n#<b>include</b> <stdio.h>\n#<b>include</b> <math.h>\n\n#<b>define</b> WIDTH 79\n#<b>define</b> HEIGHT 40\n#<b>define</b> DEPTH 4\n#<b>define</b> MAXPTS 4096\n\n<b>static</b> <b>double</b> px[MAXPTS], py[MAXPTS];\n<b>static</b> <b>int</b> n = 0;\n\n<em>/* æ线段 pq éå½ç»åï¼ç»åç»æ追å å° px/py */</em>\n<b>static</b> <b>void</b> koch(<b>double</b> x1, <b>double</b> y1, <b>double</b> x2, <b>double</b> y2, <b>int</b> d)\n{\n <b>if</b> (d == 0) {\n <b>if</b> (n < MAXPTS) { px[n] = x2; py[n] = y2; n++; }\n <b>return</b>;\n }\n <b>double</b> dx = (x2 - x1) / 3.0, dy = (y2 - y1) / 3.0;\n <b>double</b> ax = x1 + dx, ay = y1 + dy;\n <b>double</b> cx = x1 + 2 * dx, cy = y1 + 2 * dy;\n <b>double</b> ang = <b>M_PI</b> / 3.0;\n <b>double</b> bx = ax + dx * <b>cos</b>(ang) - dy * <b>sin</b>(ang);\n <b>double</b> by = ay + dx * <b>sin</b>(ang) + dy * <b>cos</b>(ang);\n koch(x1, y1, ax, ay, d - 1);\n koch(ax, ay, bx, by, d - 1);\n koch(bx, by, cx, cy, d - 1);\n koch(cx, cy, x2, y2, d - 1);\n}\n\n<b>int</b> <b>main</b>(<b>void</b>)\n{\n <b>char</b> grid[HEIGHT][WIDTH + 1];\n <b>int</b> i, j, k;\n <b>double</b> R = 1.0;\n\n <em>/* éæ¶éåä¸ä¸ªé¡¶ç¹ */</em>\n <b>double</b> vx[3], vy[3];\n <b>for</b> (i = 0; i < 3;
742 i++) {\n <b>double</b> a = (90.0 - i * 120.0) * <b>M_PI</b> / 180.0;\n vx[i] = R * <b>cos</b>(a);\n vy[i] = R * <b>sin</b>(a);\n }\n\n <b>for</b> (i = 0; i < 3; i++) {\n koch(vx[i], vy[i], vx[(i + 1) % 3], vy[(i + 1) % 3], DEPTH);\n }\n\n <b>for</b> (j = 0; j < HEIGHT; j++)\n <b>for</b> (k = 0; k < WIDTH; k++)\n grid[j][k] = ' ';\n <b>for</b> (j = 0; j < HEIGHT; j++) grid[j][WIDTH] = '\\0';\n\n <em>/* æç¹æå°å符ç½æ ¼ä¸ï¼y è½´ç¿»è½¬ï¼ */</em>\n <b>for</b> (i = 0; i < n; i++) {\n <b>int</b> gx = (<b>int</b>)((px[i] + 1.15) / 2.30 * (WIDTH - 1));\n <b>int</b> gy = (<b>int</b>)((1.15 - py[i]) / 2.30 * (HEIGHT - 1));\n <b>if</b> (gx >= 0 && gx < WIDTH && gy >= 0 && gy < HEIGHT)\n grid[gy][gx] = '*';\n }\n\n <b>for</b> (j = 0; j < HEIGHT; j++) <b>puts</b>(grid[j]);\n <b>return</b> 0;\n}\n", "plain": "/* ç§èµ«éªè± · C è¯è¨ï¼æ§å¶å° ASCII\n ç¼è¯ï¼ gcc koch.c -o koch -lm\n æè·¯ï¼éå½æ线段ä¸çåï¼ä¸é´é£æ®µæ¢æå¸èµ·ççè¾¹ä¸è§å½¢ï¼\n æåææ线ç¹æè¡éæ ·æå符ã */\n#include <stdio.h>\n#include <math.h>\n\n#define WIDTH 79\n#define HEIGHT 40\n#define DEPTH 4\n#define MAXPTS 4096\n\nstatic double px[MAXPTS], py[MAXPTS];\nstatic int n = 0;\n\n/* æ线段 pq éå½ç»åï¼ç»åç»æ追å å° px/py */\nstatic void koch(double x1, double y1, double x2, double y2, int d)\n{\n if (d == 0) {\n if (n < MAXPTS) { px[n] = x2; py[n] = y2; n++; }\n return;\n }\n double dx = (x2 - x1) / 3.0, dy = (y2 - y1) / 3.0;\n double ax = x1 + dx, ay = y1 + dy;\n double cx = x1 + 2 * dx, cy = y1 + 2 * dy;\n double ang = M_PI / 3.0;\n double bx = ax + dx * cos(ang) - dy * sin(ang);\n double by = ay + dx * sin(ang) + dy * cos(ang);\n koch(x1, y1, ax, ay, d - 1);\n koch(ax, ay, bx, by, d - 1);\n koch(bx, by, cx, cy, d - 1);\n koch(cx, cy, x2, y2, d - 1);\n}\n\nint main(void)\n{\n char grid[HEIGHT][WIDTH + 1];\n int i, j, k;\n double R = 1.0;\n\n /* éæ¶éåä¸ä¸ªé¡¶ç¹ */\n double vx[3], vy[3];\n for (i = 0; i < 3; i++) {\n double a = (90.0 - i * 120.0) * M_PI / 180.0;\n vx[i] = R * cos(a);\n vy[i] = R * sin(a);\n }\n\n for (i = 0; i < 3; i++) {\n koch(vx[i], vy[i], vx[(i + 1) % 3], vy[(i + 1) % 3], DEPTH);\n }\n\n for (j = 0; j < HEIGHT; j++)\n for (k = 0; k < WIDTH; k++)\n grid[j][k] = ' ';\n for (j = 0; j < HEIGHT; j++) grid[j][WIDTH] = '\\0';\n\n /* æç¹æå°å符ç½æ ¼ä¸ï¼y è½´ç¿»è½¬ï¼ */\n for (i = 0; i < n; i++) {\n int gx = (int)((px[i] + 1.15) / 2.30 * (WIDTH - 1));\n int gy = (int)((1.15 - py[i]) / 2.30 * (HEIGHT - 1));\n if (gx >= 0 && gx < WIDTH && gy >= 0 && gy < HEIGHT)\n grid[gy][gx] = '*';\n }\n\n for (j = 0; j < HEIGHT; j++) puts(grid[j]);\n return 0;\n}\n"}] 743 } 744 ,{ 745 file: 'spiral.py', 746 id: "spiral", 747 tab: "\uD83C\uDF00 \u9EC4\u91D1\u87BA\u65CB", 748 name: "\u9EC4\u91D1\u87BA\u65CB <i>\u00B7 \u542B\u6590\u6CE2\u90A3\u5951\u6B63\u65B9\u5F62\u8F85\u52A9\u7EBF</i>", 749 svg: "<svg class=\"nb-ts-svg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 520\" width=\"640\" height=\"520\" role=\"img\" aria-label=\"Python æµ·é¾ç»å¾ç»åºé»éèºæï¼éææ³¢é£å¥æ£æ¹å½¢è¾ å©çº¿\"><rect width=\"640\" height=\"520\" fill=\"#060a14\" rx=\"12\"/><rect width=\"640\" height=\"520\" fill=\"url(#nbTsGrid)\" rx=\"12\"/><g class=\"nb-ts-sq\"><path d=\"M201.82,193.82L211.27,193.82L211.27,184.36L201.82,184.36Z\" style=\"animation-delay:0.00s\"/><path d=\"M211.27,184.36L211.27,174.91L201.82,174.91L201.82,184.36Z\" style=\"animation-delay:0.13s\"/><path d=\"M201.82,174.91L182.91,174.91L182.91,193.82L201.82,193.82Z\" style=\"animation-delay:0.26s\"/><path d=\"M182.91,193.82L182.91,222.18L211.27,222.18L211.27,193.82Z\" style=\"animation-delay:0.39s\"/><path d=\"M211.27,222.18L258.55,222.18L258.55,174.91L211.27,174.91Z\" style=\"animation-delay:0.52s\"/><path d=\"M258.55,174.91L258.55,99.27L182.91,99.27L182.91,174.91Z\" style=\"animation-delay:0.65s\"/><path d=\"M182.91,99.27L60.00,99.27L60.00,222.18L182.91,222.18Z\" style=\"animation-delay:0.78s\"/><path d=\"M60.00,222.18L60.00,420.73L258.55,420.73L258.55,222.18Z\" style=\"animation-delay:0.91s\"/><path d=\"M258.55,420.73L580.00,420.73L580.00,99.27L258.55,99.27Z\" style=\"animation-delay:1.04s\"/></g><g class=\"nb-ts-spiral\">
749<path d=\"M201.82,193.82L202.81,193.77L203.78,193.61L204.74,193.36L205.66,193.00L206.55,192.55L207.38,192.01L208.14,191.39L208.84,190.69L209.47,189.92L210.01,189.09L210.46,188.21L210.81,187.29L211.07,186.33L211.22,185.35L211.27,184.36\" style=\"--len:14.8;animation-delay:0.00s\"/><path d=\"M211.27,184.36L211.22,183.38L211.07,182.40L210.81,181.44L210.46,180.52L210.01,179.64L209.47,178.81L208.84,178.04L208.14,177.34L207.38,176.71L206.55,176.18L205.66,175.73L204.74,175.37L203.78,175.12L202.81,174.96L201.82,174.91\" style=\"--len:14.8;animation-delay:0.16s\"/><path d=\"M201.82,174.91L200.07,174.99L198.34,175.23L196.64,175.63L194.99,176.19L193.39,176.89L191.86,177.74L190.42,178.73L189.08,179.84L187.84,181.08L186.73,182.42L185.74,183.86L184.89,185.39L184.19,186.99L183.63,188.64L183.23,190.34L182.99,192.07L182.91,193.82\" style=\"--len:29.7;animation-delay:0.32s\"/><path d=\"M182.91,193.82L183.02,196.29L183.34,198.74L183.88,201.16L184.62,203.52L185.57,205.81L186.71,208.00L188.04,210.09L189.54,212.05L191.22,213.87L193.04,215.55L195.00,217.05L197.09,218.38L199.29,219.52L201.57,220.47L203.93,221.22L206.35,221.75L208.80,222.07L211.27,222.18\" style=\"--len:44.5;animation-delay:0.48s\"/><path d=\"M211.27,222.18L214.65,222.06L218.00,221.70L221.32,221.10L224.59,220.27L227.79,219.20L230.91,217.91L233.93,216.40L236.83,214.68L239.60,212.75L242.23,210.64L244.70,208.34L247.00,205.87L249.12,203.24L251.04,200.47L252.76,197.56L254.27,194.55L255.56,191.43L256.63,188.23L257.47,184.96L258.06,181.64L258.43,178.28L258.55,174.91\" style=\"--len:74.2;animation-delay:0.64s\"/><path d=\"M258.55,174.91L258.41,170.34L257.99,165.79L257.31,161.28L256.35,156.81L255.12,152.41L253.63,148.09L251.88,143.87L249.88,139.76L247.64,135.78L245.16,131.94L242.45,128.26L239.52,124.7
7495L236.39,121.43L233.07,118.29L229.56,115.37L225.88,112.66L222.04,110.18L218.06,107.94L213.95,105.94L209.73,104.19L205.41,102.70L201.01,101.47L196.54,100.51L192.03,99.82L187.48,99.41L182.91,99.27\" style=\"--len:118.8;animation-delay:0.80s\"/><path d=\"M182.91,99.27L177.23,99.40L171.57,99.80L165.93,100.45L160.32,101.37L154.77,102.54L149.27,103.96L143.85,105.64L138.51,107.57L133.26,109.75L128.12,112.16L123.10,114.81L118.21,117.68L113.45,120.78L108.84,124.10L104.39,127.62L100.11,131.35L96.00,135.27L92.08,139.38L88.35,143.66L84.83,148.11L81.51,152.72L78.41,157.48L75.53,162.37L72.89,167.40L70.47,172.54L68.30,177.78L66.37,183.12L64.69,188.55L63.26,194.04L62.09,199.60L61.18,205.20L60.52,210.84L60.13,216.51L60.00,222.18\" style=\"--len:193.0;animation-delay:0.96s\"/><path d=\"M60.00,222.18L60.11,228.82L60.44,235.44L61.00,242.06L61.77,248.65L62.77,255.21L63.98,261.73L65.41,268.21L67.05,274.64L68.91,281.01L70.99,287.31L73.27,293.54L75.75,299.69L78.45,305.76L81.34,311.73L84.43,317.60L87.72,323.36L91.19,329.02L94.86,334.55L98.70,339.95L102.73,345.23L106.93,350.37L111.29,355.36L115.83,360.21L120.52,364.90L125.36,369.43L130.36,373.80L135.50,378.00L140.77,382.02L146.18,385.87L151.71,389.53L157.36,393.01L163.13,396.30L169.00,399.39L174.97,402.28L181.04,404.97L187.19,407.46L193.42,409.74L199.72,411.81L206.09,413.67L212.52,415.32L219.00,416.75L225.52,417.96L232.08,418.96L238.67,419.73L245.28,420.28L251.91,420.62L258.55,420.73\" style=\"--len:311.9;animation-delay:1.12s\"/><path d=\"M258.55,420.73L265.97,420.64L273.39,420.38L280.80,419.96L288.21,419.36L295.59,418.59L302.96,417.64L310.30,416.53L317.61,415.25L324.90,413.81L332.14,412.19L339.35,410.41L346.52,408.46L353.63,406.34L360.70,404.06L367.71,401.62L374.67,399.02L381.56,396.26L388.39,393.34L395.15,390.26L401.83,387.03L408.44,383.64L414.97,380.10L421.41,376.41L427.77,372.58L434.04,368.60L440.21,364.47L446.29,360.21L452.27,355.80L458.14,351.26L463.91,346.58L469.56,341.77L475.11,336.83L480.54,331.76L485.85,326.58L491.04,321.26L496.10,315.84L501.04,310.29L505.85,304.63L510.53,298.87L515.07,292.99L519.48,287.02L523.74,280.94L527.87,274.76L531.85,268.50L535.69,262.14L539.38,255.69L542.91,249.17L546.30,242.56L549.53,235.87L552.61,229.11L555.53,222.29L558.29,215.40L560.90,208.44L563.34,201.43L565.61,194.36L567.73,187.24L569.68,180.08L571.46,172.87L573.08,165.62L574.53,158.34L575.81,151.03L576.92,143.68L577.86,136.32L578.63,128.93L579.23,121.53L579.66,114.12L579.91,106.70L580.00,99.27\" style=\"--len:504.9;animation-delay:1.28s\"/></g><g class=\"nb-ts-num\"><text x=\"197.1\" y=\"212.0\" style=\"animation-delay:0.39s\">3</text><text x=\"234.9\" y=\"202.5\" style=\"animation-delay:0.52s\">5</text><text x=\"220.7\" y=\"141.1\" style=\"animation-delay:0.65s\">8</text><text x=\"121.5\" y=\"164.7\" style=\"animation-delay:0.78s\">13</text><text x=\"159.3\" y=\"325.5\" style=\"animation-delay:0.91s\">21</text><text x=\"419.3\" y=\"264.0\" style=\"animation-delay:1.04s\">34</text></g></svg>", 750 code: "<m>import</b> <m>turtle</b> <b>as</b> <m>t</b>\n\n<em># é»éèºæ = ææ³¢é£å¥æ£æ¹å½¢ + æ¯æ ¼éç 1/4 å弧</b>\n<em># å ³é®ï¼æ£æ¹å½¢åå弧é½ã左转ãï¼éæ¶éï¼ã</b>\n<em># å弧çåå¿è½å¨æ£æ¹å½¢çè§ä¸ï¼æ以æ£æ¹å½¢è¦ç»å¨åå¿é£ä¸ä¾§ï¼</b>\n<em># å³è½¬ç»åºæ¥çæ£æ¹å½¢ä¼è·å°åé¢ï¼å弧éå¼ä¸æ ¼ã</b>\n<m>t</b>.<s>setup</b>(<u>640</b>, <u>520</b>); <m>t</b>.<s>hideturtle</b>(); <m>t</b>.<s>speed</b>(<u>0</b>)\n\n<em># ææ³¢é£å¥ï¼1 1 2 3 5 8 13 21 34</b>\nfib = [<u>1</b>, <u>1</b>]\n<b>for</b> _ <b>in</b> <s>range</b>(<u>7</b>):\n fib.<s>append</b>(fib[-<u>1</b>] + fib[-<u>2</b>])\n\nSCALE = <u>14</b>\n<m>t</b>.<s>penup</b>(); <m>t</b>.<s>goto</b>(<u>0</b>, <u>0</b>); <m>t</b>.<s>pendown</b>()\n\n<b>for</b> s <b>in</b> fib:\n L = s * SCALE\n <em># â è¾ å©çº¿ï¼æ£æ¹å½¢ï¼å·¦è½¬ç»ä¸åï¼ç»å®æµ·é¾åå°åç¹ãæåä¸åï¼</b>\n <m>t</b>.<s>pensize</b>(<u>1</b>); <m>t</b>.<s>color</b>(<i>\"#1b4a5a\"</b>)\n <b>for</b> _ <b>in</b> <s>range</b>(<u>4</b>):\n <m>t</b>.<s>forward</b>(L); <m>t</b>.<s>left</b>(<u>90</b>)\n <em>
750# â¡ èºæï¼ä»åä¸ç¹åºåï¼éæ¶éæ« 1/4 å</b>\n <m>t</b>.<s>pensize</b>(<u>2</b>); <m>t</b>.<s>color</b>(<i>\"#00e5ff\"</b>)\n <m>t</b>.<s>circle</b>(L, <u>90</b>)\n<m>t</b>.<s>done</b>()", 751 plain: "import turtle as t\n\n# é»éèºæ = ææ³¢é£å¥æ£æ¹å½¢ + æ¯æ ¼éç 1/4 å弧\n# å ³é®ï¼æ£æ¹å½¢åå弧é½ã左转ãï¼éæ¶éï¼ã\n# å弧çåå¿è½å¨æ£æ¹å½¢çè§ä¸ï¼æ以æ£æ¹å½¢è¦ç»å¨åå¿é£ä¸ä¾§ï¼\n# å³è½¬ç»åºæ¥çæ£æ¹å½¢ä¼è·å°åé¢ï¼å弧éå¼ä¸æ ¼ã\nt.setup(640, 520); t.hideturtle(); t.speed(0)\n\n# ææ³¢é£å¥ï¼1 1 2 3 5 8 13 21 34\nfib = [1, 1]\nfor _ in range(7):\n fib.append(fib[-1] + fib[-2])\n\nSCALE = 14\nt.penup(); t.goto(0, 0); t.pendown()\n\nfor s in fib:\n L = s * SCALE\n # â è¾ å©çº¿ï¼æ£æ¹å½¢ï¼å·¦è½¬ç»ä¸åï¼ç»å®æµ·é¾åå°åç¹ãæåä¸åï¼\n t.pensize(1); t.color(\"#1b4a5a\")\n for _ in range(4):\n t.forward(L); t.left(90)\n # â¡ èºæï¼ä»åä¸ç¹åºåï¼éæ¶éæ« 1/4 å\n t.pensize(2); t.color(\"#00e5ff\")\n t.circle(L, 90)\nt.done()", 752 langs: [{"id": "py", "name": "Python", "file": "spiral.py", "code": "<m>import</b> <m>turtle</b> <b>as</b> <m>t</b>\n\n<em># é»éèºæ = ææ³¢é£å¥æ£æ¹å½¢ + æ¯æ ¼éç 1/4 å弧</b>\n<em># å ³é®ï¼æ£æ¹å½¢åå弧é½ã左转ãï¼éæ¶éï¼ã</b>\n<em># å弧çåå¿è½å¨æ£æ¹å½¢çè§ä¸ï¼æ以æ£æ¹å½¢è¦ç»å¨åå¿é£ä¸ä¾§ï¼</b>\n<em># å³è½¬ç»åºæ¥çæ£æ¹å½¢ä¼è·å°åé¢ï¼å弧éå¼ä¸æ ¼ã</b>\n<m>t</b>.<s>setup</b>(<u>640</b>, <u>520</b>); <m>t</b>.<s>hideturtle</b>(); <m>t</b>.<s>speed</b>(<u>0</b>)\n\n<em># ææ³¢é£å¥ï¼1 1 2 3 5 8 13 21 34</b>\nfib = [<u>1</b>, <u>1</b>]\n<b>for</b> _ <b>in</b> <s>range</b>(<u>7</b>):\n fib.<s>append</b>(fib[-<u>1</b>] + fib[-<u>2</b>])\n\nSCALE = <u>14</b>\n<m>t</b>.<s>penup</b>(); <m>t</b>.<s>goto</b>(<u>0</b>, <u>0</b>); <m>t</b>.<s>pendown</b>()\n\n<b>for</b> s <b>in</b> fib:\n L = s * SCALE\n <em># â è¾ å©çº¿ï¼æ£æ¹å½¢ï¼å·¦è½¬ç»ä¸åï¼ç»å®æµ·é¾åå°åç¹ãæåä¸åï¼</b>\n <m>t</b>.<s>pensize</b>(<u>1</b>); <m>t</b>.<s>color</b>(<i>\"#1b4a5a\"</b>)\n <b>for</b> _ <b>in</b> <s>range</b>(<u>4</b>):\n <m>t</b>.<s>forward</b>(L); <m>t</b>.<s>left</b>(<u>90</b>)\n <em># â¡ èºæï¼ä»åä¸ç¹åºåï¼éæ¶éæ« 1/4 å</b>\n <m>t</b>.<s>pensize</b>(<u>2</b>); <m>t</b>.<s>color</b>(<i>\"#00e5ff\"</b>)\n <m>t</b>.<s>circle</b>(L, <u>90</b>)\n<m>t</b>.<s>done</b>()", "plain": "import turtle as t\n\n# é»éèºæ = ææ³¢é£å¥æ£æ¹å½¢ + æ¯æ ¼éç 1/4 å弧\n# å ³é®ï¼æ£æ¹å½¢åå弧é½ã左转ãï¼éæ¶éï¼ã\n# å弧çåå¿è½å¨æ£æ¹å½¢çè§ä¸ï¼æ以æ£æ¹å½¢è¦ç»å¨åå¿é£ä¸ä¾§ï¼\n# å³è½¬ç»åºæ¥çæ£æ¹å½¢ä¼è·å°åé¢ï¼å弧éå¼ä¸æ ¼ã\nt.setup(640, 520); t.hideturtle(); t.speed(0)\n\n# ææ³¢é£å¥ï¼1 1 2 3 5 8 13 21 34\nfib = [1, 1]\nfor _ in range(7):\n fib.append(fib[-1] + fib[-2])\n\nSCALE = 14\nt.penup(); t.goto(0, 0); t.pendown()\n\nfor s in fib:\n L = s * SCALE\n # â è¾ å©çº¿ï¼æ£æ¹å½¢ï¼å·¦è½¬ç»ä¸åï¼ç»å®æµ·é¾åå°åç¹ãæåä¸åï¼\n t.pensize(1); t.color(\"#1b4a5a\")\n for _ in range(4):\n t.forward(L); t.left(90)\n # â¡ èºæï¼ä»åä¸ç¹åºåï¼éæ¶éæ« 1/4 å\n t.pensize(2); t.color(\"#00e5ff\")\n t.circle(L, 90)\nt.done()"}, {"id": "js", "name": "JavaScript", "file": "spiral.js", "code": "<em>// é»éèºæ · JavaScript + Canvas 2D</em>\n<em>// ææ³¢é£å¥æ£æ¹å½¢ + æ¯ä¸ªæ£æ¹å½¢éç 1/4 å弧ã</em>\n<b>const</b> <b>canvas</b> = document.createElement(<i>'<b>canvas</b>'</i>);\n<b>canvas</b>.width = 660; <b>canvas</b>.height = 560;\ndocument.body.appendChild(<b>canvas</b>);\n<b>const</b> <b>ctx</b> = <b>canvas</b>.getContext(<i>'2d'</i>);\n<b>ctx</b>.fillStyle = <i>'#060a14'</i>;\n<b>ctx</b>.fillRect(0, 0, <b>canvas</b>.width, <b>canvas</b>.height);\n\n<b>const</b> fib = [1, 1];\n<b>for</b> (<b>let</b> i = 0; i < 7; i++) fib.push(fib[fib.length - 1] + fib[fib.length - 2]);\n<b>const</b> SCALE = 14;\n\n<em>// å ç¨çº¸ç¬æ¨ä¸éï¼æ¿å°æææ£æ¹å½¢å弧ï¼åç»ä¸ç¼©æ¾å± ä¸</em>\n<b>let</b> x = 0, y = 0, hx = 1, hy = 0;\n<b>const</b> squares = [], arcs = [];\n<b>for</b> (<b>const</b> s <b>of</b> fib) {\n <b>const</b> L = s * SCALE;\n <b>const</b> corners = [];\n <b>let</b> px = x, py = y, dx = hx, dy = hy;\n <b>for</b> (<b>let</b> i = 0; i < 4; i++) { <em>// æ£æ¹å½¢ï¼é¡ºæ¶é</em>\n corners.push([px, py]);
752\n px += dx * L; py += dy * L;\n <b>const</b> t = dx; dx = dy; dy = -t;\n }\n squares.push(corners);\n\n <b>const</b> cx = x - hy * L, cy = y + hx * L; <em>// åå¿å¨å·¦ä¾§</em>\n <b>const</b> a0 = <b>Math</b>.atan2(y - cy, x - cx);\n <b>const</b> pts = [];\n <b>const</b> N = <b>Math</b>.max(10, <b>Math</b>.round(14 + s * 1.6));\n <b>for</b> (<b>let</b> k = 0; k <= N; k++) {\n <b>const</b> a = a0 + <b>Math</b>.PI / 2 * k / N; <em>// éæ¶éæ« 90°</em>\n pts.push([cx + L * <b>Math</b>.cos(a), cy + L * <b>Math</b>.sin(a)]);\n }\n arcs.push(pts);\n x = pts[N][0]; y = pts[N][1];\n <b>const</b> t2 = hx; hx = -hy; hy = t2;\n}\n\n<b>const</b> all = squares.flat().concat(arcs.flat());\n<b>const</b> x0 = <b>Math</b>.min(...all.map(p => p[0])), x1 = <b>Math</b>.max(...all.map(p => p[0]));\n<b>const</b> y0 = <b>Math</b>.min(...all.map(p => p[1])), y1 = <b>Math</b>.max(...all.map(p => p[1]));\n<b>const</b> mx = (x0 + x1) / 2, my = (y0 + y1) / 2;\n<b>const</b> sc = <b>Math</b>.min((<b>canvas</b>.width - 100) / (x1 - x0), (<b>canvas</b>.height - 100) / (y1 - y0));\n<b>const</b> T = p => [(p[0] - mx) * sc + <b>canvas</b>.width / 2, <b>canvas</b>.height / 2 - (p[1] - my) * sc];\n\n<em>// æ£æ¹å½¢è线</em>\n<b>ctx</b>.setLineDash([5, 4]);\n<b>ctx</b>.strokeStyle = <i>'rgba(0,229,255,.34)'</i>;\n<b>ctx</b>.lineWidth = 1;\n<b>for</b> (<b>const</b> sq <b>of</b> squares) {\n <b>ctx</b>.beginPath();\n sq.forEach((p, i) => { <b>const</b> q = T(p); i ? <b>ctx</b>.lineTo(q[0], q[1]) : <b>ctx</b>.moveTo(q[0], q[1]); });\n <b>ctx</b>.closePath();\n <b>ctx</b>.stroke();\n}\n<b>ctx</b>.setLineDash([]);\n\n<em>// èºæå®çº¿</em>\n<b>ctx</b>.strokeStyle = <i>'#00e5ff'</i>;\n<b>ctx</b>.lineWidth = 2.2;\n<b>ctx</b>.lineJoin = <i>'round'</i>;\n<b>ctx</b>.beginPath();\narcs.forEach((a, i) => {\n a.forEach((p, k) => { <b>const</b> q = T(p); (i === 0 && k === 0) ? <b>ctx</b>.moveTo(q[0], q[1]) : <b>ctx</b>.lineTo(q[0], q[1]); });\n});\n<b>ctx</b>.stroke();\n", "plain": "// é»éèºæ · JavaScript + Canvas 2D\n// ææ³¢é£å¥æ£æ¹å½¢ + æ¯ä¸ªæ£æ¹å½¢éç 1/4 å弧ã\nconst canvas = document.createElement('canvas');\ncanvas.width = 660; canvas.height = 560;\ndocument.body.appendChild(canvas);\nconst ctx = canvas.getContext('2d');\nctx.fillStyle = '#060a14';\nctx.fillRect(0, 0, canvas.width, canvas.height);\n\nconst fib = [1, 1];\nfor (let i = 0; i < 7; i++) fib.push(fib[fib.length - 1] + fib[fib.length - 2]);\nconst SCALE = 14;\n\n// å
ç¨çº¸ç¬æ¨ä¸éï¼æ¿å°æææ£æ¹å½¢å弧ï¼åç»ä¸ç¼©æ¾å±
ä¸\nlet x = 0, y = 0, hx = 1, hy = 0;\nconst squares = [], arcs = [];\nfor (const s of fib) {\n const L = s * SCALE;\n const corners = [];\n let px = x, py = y, dx = hx, dy = hy;\n for (let i = 0; i < 4; i++) { // æ£æ¹å½¢ï¼é¡ºæ¶é\n corners.push([px, py]);\n px += dx * L; py += dy * L;\n const t = dx; dx = dy; dy = -t;\n }\n squares.push(corners);\n\n const cx = x - hy * L, cy = y + hx * L; // åå¿å¨å·¦ä¾§\n const a0 = Math.atan2(y - cy, x - cx);\n const pts = [];\n const N = Math.max(10, Math.round(14 + s * 1.6));\n for (let k = 0; k <= N; k++) {\n const a = a0 + Math.PI / 2 * k / N; // éæ¶éæ« 90°\n pts.push([cx + L * Math.cos(a), cy + L * Math.sin(a)]);\n }\n arcs.push(pts);\n x = pts[N][0]; y = pts[N][1];\n const t2 = hx; hx = -hy; hy = t2;\n}\n\nconst all = squares.flat().concat(arcs.flat());\nconst x0 = Math.min(...all.map(p => p[0])), x1 = Math.max(...all.map(p => p[0]));\nconst y0 = Math.min(...all.map(p => p[1])), y1 = Math.max(...all.map(p => p[1]));\nconst mx = (x0 + x1) / 2, my = (y0 + y1) / 2;\nconst sc = Math.min((canvas.width - 100) / (x1 - x0), (canvas.height - 100) / (y1 - y0));\nconst T = p => [(p[0] - mx) * sc + canvas.width / 2, canvas.height / 2 - (p[1] - my) * sc];\n\n// æ£æ¹å½¢è线\nctx.setLineDash([5, 4]);\nctx.strokeStyle = 'rgba(0,229,255,.34)';\nctx.lineWidth = 1;\nfor (const sq of squares) {\n ctx.beginPath();\n sq.forEach((p, i) => { const q = T(p); i ? ctx.lineTo(q[0], q[1]) : ctx.moveTo(q[0], q[1]); });\n ctx.closePath();\n ctx.stroke();\n}\nctx.setLineDash([]);
752\n\n// èºæå®çº¿\nctx.strokeStyle = '#00e5ff';\nctx.lineWidth = 2.2;\nctx.lineJoin = 'round';\nctx.beginPath();\narcs.forEach((a, i) => {\n a.forEach((p, k) => { const q = T(p); (i === 0 && k === 0) ? ctx.moveTo(q[0], q[1]) : ctx.lineTo(q[0], q[1]); });\n});\nctx.stroke();\n"}, {"id": "c", "name": "C", "file": "spiral.c", "code": "<em>/* é»éèºæ · C è¯è¨ï¼æ§å¶å° ASCII\n ç¼è¯ï¼ gcc spiral.c -o spiral -lm\n ææ³¢é£å¥æ£æ¹å½¢ + æ¯æ ¼ç 1/4 å弧ï¼éæ ·æå符ã */</em>\n#<b>include</b> <stdio.h>\n#<b>include</b> <math.h>\n\n#<b>define</b> WIDTH 79\n#<b>define</b> HEIGHT 40\n#<b>define</b> NSEG 9\n#<b>define</b> MAXPTS 2048\n\n<b>static</b> <b>int</b> fib[NSEG];\n<b>static</b> <b>double</b> px[MAXPTS], py[MAXPTS];\n<b>static</b> <b>int</b> n = 0;\n\n<b>int</b> <b>main</b>(<b>void</b>)\n{\n <b>char</b> grid[HEIGHT][WIDTH + 1];\n <b>int</b> i, j, k;\n <b>double</b> x = 0, y = 0, hx = 1, hy = 0;\n <b>double</b> SCALE = 15.0;\n\n fib[0] = 1; fib[1] = 1;\n <b>for</b> (i = 2; i < NSEG; i++) fib[i] = fib[i - 1] + fib[i - 2];\n\n <b>for</b> (i = 0; i < NSEG; i++) {\n <b>double</b> L = fib[i] * SCALE;\n <b>double</b> cx = x - hy * L, cy = y + hx * L; <em>/* åå¿å¨å·¦ä¾§ */</em>\n <b>double</b> a0 = <b>atan2</b>(y - cy, x - cx);\n <b>int</b> N = 12 + fib[i];\n <b>if</b> (N > 40) N = 40;\n <b>for</b> (k = 0; k <= N; k++) {\n <b>double</b> a = a0 + <b>M_PI</b> / 2 * k / N; <em>/* éæ¶é 90° */</em>\n <b>if</b> (n < MAXPTS) {\n px[n] = cx + L * <b>cos</b>(a);\n py[n] = cy + L * <b>sin</b>(a);\n n++;\n }\n }\n x = px[n - 1]; y = py[n - 1];\n <b>double</b> t = hx; hx = -hy; hy = t;\n }\n\n <em>/* æ±å
å´ç并å±
ä¸ */</em>\n <b>double</b> x0 = px[0], x1 = px[0], y0 = py[0], y1 = py[0];\n <b>for</b> (i = 1; i < n; i++) {\n <b>if</b> (px[i] < x0) x0 = px[i];\n <b>if</b> (px[i] > x1) x1 = px[i];\n <b>if</b> (py[i] < y0) y0 = py[i];\n <b>if</b> (py[i] > y1) y1 = py[i];\n }\n <b>double</b> span = (x1 - x0 > y1 - y0) ? (x1 - x0) : (y1 - y0);\n <b>if</b> (span <= 0) span = 1;\n\n <b>for</b> (j = 0; j < HEIGHT; j++)\n <b>for</b> (k = 0; k < WIDTH; k++) grid[j][k] = ' ';\n <b>for</b> (j = 0; j < HEIGHT; j++) grid[j][WIDTH] = '\\0';\n\n <b>for</b> (i = 0; i < n; i++) {\n <b>int</b> gx = (<b>int</b>)((px[i] - x0) / span * (WIDTH - 1));\n <b>int</b> gy = (<b>int</b>)((y1 - py[i]) / span * (HEIGHT - 1));\n <b>if</b> (gx >= 0 && gx < WIDTH && gy >= 0 && gy < HEIGHT)\n grid[gy][gx] = '*';\n }\n\n <b>for</b> (j = 0; j < HEIGHT; j++) <b>puts</b>(grid[j]);\n <b>return</b> 0;\n}\n", "plain": "/* é»éèºæ · C è¯è¨ï¼æ§å¶å° ASCII\n ç¼è¯ï¼ gcc spiral.c -o spiral -lm\n ææ³¢é£å¥æ£æ¹å½¢ + æ¯æ ¼ç 1/4 å弧ï¼éæ ·æå符ã */\n#include <stdio.h>\n#include <math.h>\n\n#define WIDTH 79\n#define HEIGHT 40\n#define NSEG 9\n#define MAXPTS 2048\n\nstatic int fib[NSEG];\nstatic double px[MAXPTS], py[MAXPTS];\nstatic int n = 0;\n\nint main(void)\n{\n char grid[HEIGHT][WIDTH + 1];\n int i, j, k;\n double x = 0, y = 0, hx = 1, hy = 0;\n double SCALE = 15.0;\n\n fib[0] = 1; fib[1] = 1;\n for (i = 2; i < NSEG; i++) fib[i] = fib[i - 1] + fib[i - 2];\n\n for (i = 0; i < NSEG; i++) {\n double L = fib[i] * SCALE;\n double cx = x - hy * L, cy = y + hx * L; /* åå¿å¨å·¦ä¾§ */\n double a0 = atan2(y - cy, x - cx);\n int N = 12 + fib[i];\n if (N > 40) N = 40;\n for (k = 0; k <= N; k++) {\n double a = a0 + M_PI / 2 * k / N; /* éæ¶é 90° */\n if (n < MAXPTS) {\n px[n] = cx + L * cos(a);\n py[n] = cy + L * sin(a);\n n++;\n }\n }\n x = px[n - 1]; y = py[n - 1];\n double t = hx; hx = -hy; hy = t;\n }\n\n /* æ±å
å´ç并å±
ä¸ */\n double x0 = px[0], x1 = px[0], y0 = py[0], y1 = py[0];\n for (i = 1; i < n;
752 i++) {\n if (px[i] < x0) x0 = px[i];\n if (px[i] > x1) x1 = px[i];\n if (py[i] < y0) y0 = py[i];\n if (py[i] > y1) y1 = py[i];\n }\n double span = (x1 - x0 > y1 - y0) ? (x1 - x0) : (y1 - y0);\n if (span <= 0) span = 1;\n\n for (j = 0; j < HEIGHT; j++)\n for (k = 0; k < WIDTH; k++) grid[j][k] = ' ';\n for (j = 0; j < HEIGHT; j++) grid[j][WIDTH] = '\\0';\n\n for (i = 0; i < n; i++) {\n int gx = (int)((px[i] - x0) / span * (WIDTH - 1));\n int gy = (int)((y1 - py[i]) / span * (HEIGHT - 1));\n if (gx >= 0 && gx < WIDTH && gy >= 0 && gy < HEIGHT)\n grid[gy][gx] = '*';\n }\n\n for (j = 0; j < HEIGHT; j++) puts(grid[j]);\n return 0;\n}\n"}] 753 } 754 ,{ 755 file: 'terminal.py', 756 id: "term", 757 tab: "\u25B6 \u7EC8\u7AEF", 758 name: "\u4EA4\u4E92\u5F0F\u7EC8\u7AEF <i>\u00B7 \u81EA\u5DF1\u6572\u547D\u4EE4\u8BD5\u8BD5</i>", 759 html: "<div class=\"nb-ts-term\"><div class=\"nb-ts-term-bar\"><i style=\"background:#ff5f57\"></i><i style=\"background:#febc2e\"></i><i style=\"background:#28c840\"></i><span class=\"t\">nb@channel: ~ — è¯è¯æ² help</span></div><div class=\"nb-ts-term-body\" data-term></div><div class=\"nb-ts-thint\">â â ç¿»åå²ã·ãTab è¡¥å ¨ã·ãè¾å ¥ help çå ¨é¨å½ä»¤</div></div>", 760 code: "<m>import</b> <m>time</b>, <m>sys</b>, <m>random</b>, <m>datetime</b>\n\n<em># ä¸ä¸ªè½ççæ²å½ä»¤çç»ç«¯ãæ¯æ¡å½ä»¤å¯¹åºä¸é¢ COMMANDS éçä¸ä¸ªå½æ°ã</b>\nNB = {\n <i>\"name\"</b>: <i>\"NBé¢é · NoBook Channel\"</b>,\n <i>\"fans\"</b>: <u>112363</b>,\n <i>\"days\"</b>: <u>213</b>,\n <i>\"motto\"</b>: <i>\"çç±çç§ï¼ä¸ä½æ»åè¡\"</b>,\n}\n\n<b>def</b> <s>c_whoami</b>(_):\n <b>return</b> NB[<i>\"name\"</b>]\n\n<b>def</b> <s>c_uptime</b>(_):\n <b>return</b> <i>\"å·²è¿è¡ %d 天 · ç²ä¸ %s\"</b> % (NB[<i>\"days\"</b>], <s>f</b>+{NB[<i>\"fans\"</b>]:,})\n\n<b>def</b> <s>c_fans</b>(_):\n <b>return</b> <i>\"Bç«ç²ä¸ï¼%s\"</b> % <s>f</b>+{NB[<i>\"fans\"</b>]:,}</b>\n\n<b>def</b> <s>c_motto</b>(_):\n <b>return</b> NB[<i>\"motto\"</b>]\n\n<b>def</b> <s>c_fortune</b>(_):\n <b>return</b> <m>random</b>.<s>choice</b>(<i>\"åå¦èè¯ä¸ä¼çå°±é C\"</b>, <i>\"å«å¿äºç¾å°\"</b>)\n\n<b>def</b> <s>c_date</b>(_):\n <b>return</b> <m>datetime</b>.<s>datetime</b>.<s>now</b>().<s>strftime</b>(<i>\"%Y-%m-%d %H:%M:%S\"</b>)\n\nCOMMANDS = {\n <i>\"whoami\"</b>: <s>c_whoami</b>, <i>\"uptime\"</b>: <s>c_uptime</b>,\n <i>\"nb fans\"</b>: <s>c_fans</b>, <i>\"nb motto\"</b>: <s>c_motto</b>,\n <i>\"fortune\"</b>: <s>c_fortune</b>, <i>\"date\"</b>: <s>c_date</b>,\n}\n\n<em># 主循ç¯ï¼è¯»ä¸è¡ãæ¾å½ä»¤ãæå°ç»æ</b>\n<b>while</b> <b>True</b>:\n line = <m>input</b>(<i>\"$ \"</b>).<s>strip</b>()\n <b>if</b> line <b>in</b> (<i>\"\"</b>, <i>\"exit\"</b>):\n <b>break</b>\n fn = COMMANDS.<s>get</b>(line)\n <b>if</b> fn:\n <s>type_out</b>(fn(line))\n <b>else</b>:\n <s>type_out</b>(<i>\"command not found: \"+</b>line)", 761 plain: "import time, sys, random, datetime\n\n# ä¸ä¸ªè½ççæ²å½ä»¤çç»ç«¯ãæ¯æ¡å½ä»¤å¯¹åºä¸é¢ COMMANDS éçä¸ä¸ªå½æ°ã\nNB = {\n \"name\": \"NBé¢é · NoBook Channel\",\n \"fans\": 112363,\n \"days\": 213,\n \"motto\": \"çç±çç§ï¼ä¸ä½æ»åè¡\",\n}\n\ndef c_whoami(_):\n return NB[\"name\"]\n\ndef c_uptime(_):\n return \"å·²è¿è¡ %d 天 · ç²ä¸ %s\" % (NB[\"days\"], f+{NB[\"fans\"]:,})\n\ndef c_fans(_):\n return \"Bç«ç²ä¸ï¼%s\" % f+{NB[\"fans\"]:,}\n\ndef c_motto(_):\n return NB[\"motto\"]\n\ndef c_fortune(_):\n return random.choice(\"åå¦èè¯ä¸ä¼çå°±é C\", \"å«å¿äºç¾å°\")\n\ndef c_date(_):\n return datetime.datetime.now().strftime(\"%Y-%m-%d %H:%M:%S\")\n\nCOMMANDS = {\n \"whoami\": c_whoami, \"uptime\": c_uptime,\n \"nb fans\": c_fans, \"nb motto\": c_motto,\n \"fortune\": c_fortune, \"date\": c_date,\n}\n\n# 主循ç¯ï¼è¯»ä¸è¡ãæ¾å½ä»¤ãæå°ç»æ\nwhile True:\n line = input(\"$ \").strip()\n if line in (\"\", \"exit\"):\n break\n fn = COMMANDS.get(line)\n if fn:\n type_out(fn(line))\n else:\n type_out(\"command not found: \"+line)", 762 init: initTerminal, 763 langs: [{"id": "py", "name": "Python", "file": "term.py", "code": "<m>import</b> <m>
763time</b>, <m>sys</b>, <m>random</b>, <m>datetime</b>\n\n<em># ä¸ä¸ªè½ççæ²å½ä»¤çç»ç«¯ãæ¯æ¡å½ä»¤å¯¹åºä¸é¢ COMMANDS éçä¸ä¸ªå½æ°ã</b>\nNB = {\n <i>\"name\"</b>: <i>\"NBé¢é · NoBook Channel\"</b>,\n <i>\"fans\"</b>: <u>112363</b>,\n <i>\"days\"</b>: <u>213</b>,\n <i>\"motto\"</b>: <i>\"çç±çç§ï¼ä¸ä½æ»åè¡\"</b>,\n}\n\n<b>def</b> <s>c_whoami</b>(_):\n <b>return</b> NB[<i>\"name\"</b>]\n\n<b>def</b> <s>c_uptime</b>(_):\n <b>return</b> <i>\"å·²è¿è¡ %d 天 · ç²ä¸ %s\"</b> % (NB[<i>\"days\"</b>], <s>f</b>+{NB[<i>\"fans\"</b>]:,})\n\n<b>def</b> <s>c_fans</b>(_):\n <b>return</b> <i>\"Bç«ç²ä¸ï¼%s\"</b> % <s>f</b>+{NB[<i>\"fans\"</b>]:,}</b>\n\n<b>def</b> <s>c_motto</b>(_):\n <b>return</b> NB[<i>\"motto\"</b>]\n\n<b>def</b> <s>c_fortune</b>(_):\n <b>return</b> <m>random</b>.<s>choice</b>(<i>\"åå¦èè¯ä¸ä¼çå°±é C\"</b>, <i>\"å«å¿äºç¾å°\"</b>)\n\n<b>def</b> <s>c_date</b>(_):\n <b>return</b> <m>datetime</b>.<s>datetime</b>.<s>now</b>().<s>strftime</b>(<i>\"%Y-%m-%d %H:%M:%S\"</b>)\n\nCOMMANDS = {\n <i>\"whoami\"</b>: <s>c_whoami</b>, <i>\"uptime\"</b>: <s>c_uptime</b>,\n <i>\"nb fans\"</b>: <s>c_fans</b>, <i>\"nb motto\"</b>: <s>c_motto</b>,\n <i>\"fortune\"</b>: <s>c_fortune</b>, <i>\"date\"</b>: <s>c_date</b>,\n}\n\n<em># 主循ç¯ï¼è¯»ä¸è¡ãæ¾å½ä»¤ãæå°ç»æ</b>\n<b>while</b> <b>True</b>:\n line = <m>input</b>(<i>\"$ \"</b>).<s>strip</b>()\n <b>if</b> line <b>in</b> (<i>\"\"</b>, <i>\"exit\"</b>):\n <b>break</b>\n fn = COMMANDS.<s>get</b>(line)\n <b>if</b> fn:\n <s>type_out</b>(fn(line))\n <b>else</b>:\n <s>type_out</b>(<i>\"command not found: \"+</b>line)", "plain": "import time, sys, random, datetime\n\n# ä¸ä¸ªè½ççæ²å½ä»¤çç»ç«¯ãæ¯æ¡å½ä»¤å¯¹åºä¸é¢ COMMANDS éçä¸ä¸ªå½æ°ã\nNB = {\n \"name\": \"NBé¢é · NoBook Channel\",\n \"fans\": 112363,\n \"days\": 213,\n \"motto\": \"çç±çç§ï¼ä¸ä½æ»åè¡\",\n}\n\ndef c_whoami(_):\n return NB[\"name\"]\n\ndef c_uptime(_):\n return \"å·²è¿è¡ %d 天 · ç²ä¸ %s\" % (NB[\"days\"], f+{NB[\"fans\"]:,})\n\ndef c_fans(_):\n return \"Bç«ç²ä¸ï¼%s\" % f+{NB[\"fans\"]:,}\n\ndef c_motto(_):\n return NB[\"motto\"]\n\ndef c_fortune(_):\n return random.choice(\"åå¦èè¯ä¸ä¼çå°±é C\", \"å«å¿äºç¾å°\")\n\ndef c_date(_):\n return datetime.datetime.now().strftime(\"%Y-%m-%d %H:%M:%S\")\n\nCOMMANDS = {\n \"whoami\": c_whoami, \"uptime\": c_uptime,\n \"nb fans\": c_fans, \"nb motto\": c_motto,\n \"fortune\": c_fortune, \"date\": c_date,\n}\n\n# 主循ç¯ï¼è¯»ä¸è¡ãæ¾å½ä»¤ãæå°ç»æ\nwhile True:\n line = input(\"$ \").strip()\n if line in (\"\", \"exit\"):\n break\n fn = COMMANDS.get(line)\n if fn:\n type_out(fn(line))\n else:\n type_out(\"command not found: \"+line)"}, {"id": "js", "name": "JavaScript", "file": "terminal.js", "code": "<em>// 交äºå¼ç»ç«¯ · JavaScriptï¼è¿ä»½å°±æ¯ç½é¡µä¸é£ä¸ªç»ç«¯æ¬èº«çåæ³ï¼</em>\n<em>// Node éè·ï¼node terminal.js</em>\n<b>const</b> readline = <b>require</b>(<i>'readline'</i>);\n\n<b>const</b> NB = {\n name: <i>'NBé¢é · NoBook Channel'</i>,\n fans: 112363,\n days: 213,\n motto: <i>'çç±çç§ï¼ä¸ä½æ»åè¡'</i>\n};\n<b>const</b> FILES = {\n <i>'about.txt'</i>: <i>'ä¸ä¸ªç± UP主ãNBæäºå±ã建ç«çèæå
¬å¸ã\\nåå¦ä¸ç©çå®éª · æ¥å¸¸ä½æ» · NBå¸èæç»æµ'</i>,\n <i>'motto.txt'</i>: NB.motto\n};\n<b>const</b> MODULES = [<i>'about'</i>, <i>'videos'</i>, <i>'shop'</i>, <i>'bank'</i>, <i>'stock'</i>, <i>'chat'</i>, <i>'tools'</i>, <i>'vote'</i>];\n\n<b>const</b> COMMANDS = {\n help() {\n <b>return</b> [\n <i>'å¯ç¨å½ä»¤ï¼'</i>,\n <i>' help æ¾ç¤ºè¿ä»½å¸®å©'</i>,\n <i>' whoami ææ¯è°'</i>,\n <i>' cat <æ件> 读æ件ï¼about.txt / motto.txtï¼'</i>,\n <i>' ls [modules/] åç®å½'</i>,\n <i>' uptime è¿è¡æ¶é¿'</i>,\n <i>' nb fans ç²ä¸æ°'</i>,\n <i>' nb motto å£å·'</i>,\n <i>' clear æ¸
å±'</i>,\n <i>' exit éåº'</i>\n ].join(<i>'\\n'</i>);\n },\n whoami() { <b>return</b> NB.name; },\n ls(arg) {\n <b>return</b> (arg === <i>'modules/'</i> || arg === <i>'modules'</i>)\n ? MODULES.join(<i>' '</i>)\n : <i>'about.txt motto.txt modules/'</i>;\n },\n cat(arg) {\n <b>const</b> f = (arg || <i>''</i>).trim();\n <b>if</b> (!f) <b>return</b> <i>'å½ä»¤è¯æ³ä¸æ£ç¡®ã'</i>;\n <b>return</b> FILES[f] !== undefined ? FILES[f] : <i>'ç³»ç»æ¾ä¸å°æå®çæ件ã'</i>;\n },\n uptime() { <b>return</b> <i>'å·²è¿è¡ '</i> + NB.days + <i>' 天'</i>; },\n nb(arg) {\n <b>const</b> a = (arg || <i>''</i>).trim();\n <b>if</b> (a === <i>'fans'</i>) <b>return</b> <i>'B ç«ç²ä¸ï¼'</i>
763 + NB.fans.toLocaleString();\n <b>if</b> (a === <i>'motto'</i>) <b>return</b> NB.motto;\n <b>return</b> <i>'ç¨æ³ï¼nb <fans|motto>'</i>;\n },\n clear() { <b>console</b>.clear(); <b>return</b> null; },\n exit() { <b>return</b> <i>'\\u0000EXIT'</i>; }\n};\nCOMMANDS[<i>'?'</i>] = COMMANDS.help;\n\n<b>const</b> rl = readline.createInterface({ input: process.stdin, output: process.stdout });\n<b>console</b>.log(<i>'è¾å
¥ help çå
¨é¨å½ä»¤ï¼æè
ç´æ¥æ²ä¸æ¡è¯è¯ã\\n'</i>);\n\n<b>function</b> prompt() {\n rl.question(<i>'$ '</i>, line => {\n <b>const</b> text = line.trim();\n <b>if</b> (!text) <b>return</b> prompt();\n <b>const</b> sp = text.indexOf(<i>' '</i>);\n <b>const</b> name = sp < 0 ? text : text.slice(0, sp);\n <b>const</b> arg = sp < 0 ? <i>''</i> : text.slice(sp + 1);\n <b>const</b> fn = COMMANDS[name];\n <b>if</b> (!fn) {\n <em>/* 仿 Windows CMD çæ¥é */</em>\n <b>console</b>.log(<i>\"'\"</i> + name + <i>\"' ä¸æ¯å
é¨æå¤é¨å½ä»¤ï¼ä¹ä¸æ¯å¯è¿è¡çç¨åº\"</i>);\n <b>console</b>.log(<i>'ææ¹å¤çæ件ã'</i>);\n <b>return</b> prompt();\n }\n <b>const</b> out = fn(arg);\n <b>if</b> (out === <i>'\\u0000EXIT'</i>) { rl.close(); <b>return</b>; }\n <b>if</b> (out) <b>console</b>.log(out);\n prompt();\n });\n}\nprompt();\n", "plain": "// 交äºå¼ç»ç«¯ · JavaScriptï¼è¿ä»½å°±æ¯ç½é¡µä¸é£ä¸ªç»ç«¯æ¬èº«çåæ³ï¼\n// No
763de éè·ï¼node terminal.js\nconst readline = require('readline');\n\nconst NB = {\n name: 'NBé¢é · NoBook Channel',\n fans: 112363,\n days: 213,\n motto: 'çç±çç§ï¼ä¸ä½æ»åè¡'\n};\nconst FILES = {\n 'about.txt': 'ä¸ä¸ªç± UP主ãNBæäºå±ã建ç«çèæå
¬å¸ã\\nåå¦ä¸ç©çå®éª · æ¥å¸¸ä½æ» · NBå¸èæç»æµ',\n 'motto.txt': NB.motto\n};\nconst MODULES = ['about', 'videos', 'shop', 'bank', 'stock', 'chat', 'tools', 'vote'];\n\nconst COMMANDS = {\n help() {\n return [\n 'å¯ç¨å½ä»¤ï¼',\n ' help æ¾ç¤ºè¿ä»½å¸®å©',\n ' whoami ææ¯è°',\n ' cat <æ件> 读æ件ï¼about.txt / motto.txtï¼',\n ' ls [modules/] åç®å½',\n ' uptime è¿è¡æ¶é¿',\n ' nb fans ç²ä¸æ°',\n ' nb motto å£å·',\n ' clear æ¸
å±',\n ' exit éåº'\n ].join('\\n');\n },\n whoami() { return NB.name; },\n ls(arg) {\n return (arg === 'modules/' || arg === 'modules')\n ? MODULES.join(' ')\n : 'about.txt motto.txt modules/';\n },\n cat(arg) {\n const f = (arg || '').trim();\n if (!f) return 'å½ä»¤è¯æ³ä¸æ£ç¡®ã';\n return FILES[f] !== undefined ? FILES[f] : 'ç³»ç»æ¾ä¸å°æå®çæ件ã';\n },\n uptime() { return 'å·²è¿è¡ ' + NB.days + ' 天'; },\n nb(arg) {\n const a = (arg || '').trim();\n if (a === 'fans') return 'B ç«ç²ä¸ï¼' + NB.fans.toLocaleString();\n if (a === 'motto') return NB.motto;\n return 'ç¨æ³ï¼nb <fans|motto>';\n },\n clear() { console.clear(); return null; },\n exit() { return '\\u0000EXIT'; }\n};\nCOMMANDS['?'] = COMMANDS.help;\n\nconst rl = readline.createInterface({ input: process.stdin, output: process.stdout });\nconsole.log('è¾å
¥ help çå
¨é¨å½ä»¤ï¼æè
ç´æ¥æ²ä¸æ¡è¯è¯ã\\n');\n\nfunction prompt() {\n rl.question('$ ', line => {\n const text = line.trim();\n if (!text) return prompt();\n const sp = text.indexOf(' ');\n const name = sp < 0 ? text : text.slice(0, sp);\n const arg = sp < 0 ? '' : text.slice(sp + 1);\n const fn = COMMANDS[name];\n if (!fn) {\n /* 仿 Windows CMD çæ¥é */\n console.log(\"'\" + name + \"' ä¸æ¯å
é¨æå¤é¨å½ä»¤ï¼ä¹ä¸æ¯å¯è¿è¡çç¨åº\");\n console.log('ææ¹å¤çæ件ã');\n return prompt();\n }\n const out = fn(arg);\n if (out === '\\u0000EXIT') { rl.close(); return; }\n if (out) console.log(out);\n prompt();\n });\n}\nprompt();\n"}, {"id": "c", "name": "C", "file": "terminal.c", "code": "<em>/* 交äºå¼ç»ç«¯ · C è¯è¨\n ç¼è¯ï¼ gcc terminal.c -o terminal\n å®ç°ä¸ä¸ªæå°çå½ä»¤ååï¼è¯»ä¸è¡ãæ¥è¡¨ãæå°ç»æã */</em>\n#<b>include</b> <stdio.h>\n#<b>include</b> <string.h>\n#<b>include</b> <stdlib.h>\n\n#<b>define</b> MAXLINE 256\n#<b>define</b> MAXCMD 16\n\n<b>typedef</b> <b>struct</b> {\n <b>const</b> <b>char</b> *name;\n <b>void</b> (*fn)(<b>const</b> <b>char</b> *arg);\n} Cmd;\n\n<b>static</b> <b>const</b> <b>char</b> *FILES[][2] = {\n { <i>\"about.txt\"</i>, <i>\"ä¸ä¸ªç± UP主ãNBæäºå±ã建ç«çèæå
¬å¸ã\"</i> },\n { <i>\"motto.txt\"</i>, <i>\"çç±çç§ï¼ä¸ä½æ»åè¡\"</i> },\n { NULL, NULL }\n};\n\n<b>static</b> <b>void</b> c_help(<b>const</b> <b>char</b> *arg)\n{\n (<b>void</b>)arg;\n <b>puts</b>(<i>\"å¯ç¨å½ä»¤ï¼\"</i>);\n <b>puts</b>(<i>\" help æ¾ç¤ºè¿ä»½å¸®å©\"</i>);\n <b>puts</b>(<i>\" whoami ææ¯è°\"</i>);\n <b>puts</b>(<i>\" cat <æ件> 读æ件\"</i>);\n <b>puts</b>(<i>\" ls åç®å½\"</i>);\n <b>puts</b>(<i>\" uptime è¿è¡æ¶é¿\"</i>);\n <b>puts</b>(<i>\" clear æ¸
å±\"</i>);\n <b>puts</b>(<i>\" <b>exit</b> éåº\"</i>);\n}\n\n<b>static</b> <b>void</b> c_whoami(<b>const</b> <b>char</b> *arg)\n{\n (<b>void</b>)arg;\n <b>puts</b>(<i>\"NBé¢é · NoBook Channel\"</i>);\n}\n\n<b>static</b> <b>void</b> c_ls(<b>const</b> <b>char</b> *arg)\n{\n (<b>void</b>)arg;\n <b>puts</b>(<i>\"about.txt motto.txt modules/\"</i>);\n}\n\n<b>static</b> <b>void</b> c_cat(<b>const</b> <b>char</b> *arg)\n{\n <b>int</b> i;\n <b>if</b> (!arg || !*arg) { <b>puts</b>(<i>\"å½ä»¤è¯æ³ä¸æ£ç¡®ã\"</i>); <b>return</b>; }\n <b>for</b> (i = 0; FILES[i][0];
763 i++) {\n <b>if</b> (<b>strcmp</b>(FILES[i][0], arg) == 0) { <b>puts</b>(FILES[i][1]); <b>return</b>; }\n }\n <b>puts</b>(<i>\"ç³»ç»æ¾ä¸å°æå®çæ件ã\"</i>);\n}\n\n<b>static</b> <b>void</b> c_uptime(<b>const</b> <b>char</b> *arg)\n{\n (<b>void</b>)arg;\n <b>puts</b>(<i>\"å·²è¿è¡ 213 天\"</i>);\n}\n\n<b>static</b> <b>void</b> c_clear(<b>const</b> <b>char</b> *arg)\n{\n (<b>void</b>)arg;\n <em>/* ANSI æ¸
å± */</em>\n <b>fputs</b>(<i>\"\\033[2J\\033[H\"</i>, stdout);\n}\n\n<b>static</b> <b>void</b> c_exit(<b>const</b> <b>char</b> *arg)\n{\n (<b>void</b>)arg;\n <b>exit</b>(0);\n}\n\n<b>static</b> <b>const</b> Cmd CMDS[] = {\n { <i>\"help\"</i>, c_help },\n { <i>\"?\"</i>, c_help },\n { <i>\"whoami\"</i>, c_whoami },\n { <i>\"ls\"</i>, c_ls },\n { <i>\"cat\"</i>, c_cat },\n { <i>\"uptime\"</i>, c_uptime },\n { <i>\"clear\"</i>, c_clear },\n { <i>\"<b>exit</b>\"</i>, c_exit },\n { NULL, NULL }\n};\n\n<b>int</b> main(<b>void</b>)\n{\n <b>char</b> line[MAXLINE];\n <b>puts</b>(<i>\"è¾å
¥ help çå
¨é¨å½ä»¤ï¼æè
ç´æ¥æ²ä¸æ¡è¯è¯ã\"</i>);\n\n <b>for</b> (;;) {\n <b>int</b> i, hit = 0;\n <b>char</b> *sp, *arg;\n\n <b>fputs</b>(<i>\"$ \"</i>, stdout);\n <b>if</b> (!<b>fgets</b>(line, sizeof(line), stdin)) break;\n line[strcspn(line, <i>\"\\r\\n\"</i>)] = '\\0';\n <b>if</b> (!line[0]) continue;\n\n <em>/* æåºå½ä»¤ååæ° */</em>\n sp = <b>strchr</b>(line, ' ');\n arg = <i>\"\"</i>;\n <b>if</b> (sp) { *sp = '\\0'; arg = sp + 1; }\n\n <b>for</b> (i = 0; CMDS[i].name; i++) {\n <b>if</b> (<b>strcmp</b>(CMDS[i].name, line) == 0) {\n CMDS[i].fn(arg);\n hit = 1;\n break;\n }\n }\n <b>if</b> (!hit) {\n <em>/* 仿 Windows CMD çæ¥é */</em>\n <b>printf</b>(<i>\"'%s' ä¸æ¯å
é¨æå¤é¨å½ä»¤ï¼ä¹ä¸æ¯å¯è¿è¡çç¨åº\\n\"</i>, line);\n <b>puts</b>(<i>\"ææ¹å¤çæ件ã\"</i>);\n }\n }\n <b>return</b> 0;\n}\n", "plain": "/* 交äºå¼ç»ç«¯ · C è¯è¨\n ç¼è¯ï¼ gcc terminal.c -o terminal\n å®ç°ä¸ä¸ªæå°çå½ä»¤ååï¼è¯»ä¸è¡ãæ¥è¡¨ãæå°ç»æã */\n#include <stdio.h>\n#include <string.h>\n#include <stdlib.h>\n\n#define MAXLINE 256\n#define MAXCMD 16\n\ntypedef struct {\n const char *name;\n void (*fn)(const char *arg);\n} Cmd;\n\nstatic const char *FILES[][2] = {\n { \"about.txt\", \"ä¸ä¸ªç± UP主ãNBæäºå±ã建ç«çèæå
¬å¸ã\" },\n { \"motto.txt\", \"çç±çç§ï¼ä¸ä½æ»åè¡\" },\n { NULL, NULL }\n};\n\nstatic void c_help(const char *arg)\n{\n (void)arg;\n puts(\"å¯ç¨å½ä»¤ï¼\");\n puts(\" help æ¾ç¤ºè¿ä»½å¸®å©\");\n puts(\" whoami ææ¯è°\");\n puts(\" cat <æ件> 读æ件\");\n puts(\" ls åç®å½\");\n puts(\" uptime è¿è¡æ¶é¿\");\n puts(\" clear æ¸
å±\");\n puts(\" exit éåº\");\n}\n\nstatic void c_whoami(const char *arg)\n{\n (void)arg;\n puts(\"NBé¢é · NoBook Channel\");\n}\n\nstatic void c_ls(const char *arg)\n{\n (void)arg;\n puts(\"about.txt motto.txt modules/\");\n}\n\nstatic void c_cat(const char *arg)\n{\n int i;\n if (!arg || !*arg) { puts(\"å½ä»¤è¯æ³ä¸æ£ç¡®ã\"); return; }\n for (i = 0; FILES[i][0]; i++) {\n if (strcmp(FILES[i][0], arg) == 0) { puts(FILES[i][1]); return; }\n }\n puts(\"ç³»ç»æ¾ä¸å°æå®çæ件ã\");\n}\n\nstatic void c_uptime(const char *arg)\n{\n (void)arg;\n puts(\"å·²è¿è¡ 213 天\");\n}\n\nstatic void c_clear(const char *arg)\n{\n (void)arg;\n /* ANSI æ¸
å± */\n fputs(\"\\033[2J\\033[H\", stdout);\n}\n\nstatic void c_exit(const char *arg)\n{\n (void)arg;\n exit(0);\n}\n\nstatic const Cmd CMDS[] = {\n { \"help\", c_help },\n { \"?\", c_help },\n { \"whoami\", c_whoami },\n { \"ls\", c_ls },\n { \"cat\", c_cat },\n { \"uptime\", c_uptime },\n { \"clear\", c_clear },\n { \"exit\", c_exit },\n { NULL, NULL }\n};\n\nint main(void)\n{\n char line[MAXLINE];\n puts(\"è¾å
¥ help çå
¨é¨å½ä»¤ï¼æè
ç´æ¥æ²ä¸æ¡è¯è¯ã\");\n\n for (;;) {\n int i, hit = 0;\n char *sp, *arg;\n\n fputs(\"$ \", stdout);\n if (!fgets(line, sizeof(line), stdin)) break;\n line[strcspn(line, \"\\r\\n\")] = '\\0';\n if (!line[0]) continue;\n\n /* æåºå½ä»¤ååæ° */\n sp = strchr(line, ' ');\n arg = \"\";\n if (sp) { *sp = '\\0'; arg = sp + 1; }\n\n for (i = 0; CMDS[i].name;
763 i++) {\n if (strcmp(CMDS[i].name, line) == 0) {\n CMDS[i].fn(arg);\n hit = 1;\n break;\n }\n }\n if (!hit) {\n /* 仿 Windows CMD çæ¥é */\n printf(\"'%s' ä¸æ¯å é¨æå¤é¨å½ä»¤ï¼ä¹ä¸æ¯å¯è¿è¡çç¨åº\\n\", line);\n puts(\"ææ¹å¤çæ件ã\");\n }\n }\n return 0;\n}\n"}] 764 } 765 ,{ 766 file: 'visits_chart.py', 767 id: "data", 768 tab: "\uD83D\uDCCA \u5B9E\u65F6\u6570\u636E", 769 name: "\u8BBF\u95EE\u91CF\u8D70\u52BF <i>\u00B7 \u6700\u8FD1 30 \u5929</i>", 770 svg: "<svg class=\"nb-ts-svg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 520\" width=\"640\" height=\"520\" role=\"img\" aria-label=\"ç½ç«è®¿é®éèµ°å¿é¢æ¿\"><rect width=\"640\" height=\"520\" fill=\"#060a14\" rx=\"12\"/><rect width=\"640\" height=\"520\" fill=\"url(#nbTsGrid)\" rx=\"12\"/><defs><linearGradient id=\"nbTsArea\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#00e5ff\" stop-opacity=\"0.34\"/><stop offset=\"1\" stop-color=\"#00e5ff\" stop-opacity=\"0\"/></linearGradient></defs><line x1=\"56.0\" y1=\"468.0\" x2=\"612.0\" y2=\"468.0\" stroke=\"rgba(0,229,255,.11)\" stroke-width=\"1\"/><text x=\"46.0\" y=\"471.5\" fill=\"rgba(140,200,235,.5)\" font-size=\"10.5\" text-anchor=\"end\" font-family=\"ui-monospace,Consolas,monospace\">72</text><line x1=\"56.0\" y1=\"364.5\" x2=\"612.0\" y2=\"364.5\" stroke=\"rgba(0,229,255,.11)\" stroke-width=\"1\"/><text x=\"46.0\" y=\"368.0\" fill=\"rgba(140,200,235,.5)\" font-size=\"10.5\" text-anchor=\"end\" font-family=\"ui-monospace,Consolas,monospace\">99</text><line x1=\"56.0\" y1=\"261.0\" x2=\"612.0\" y2=\"261.0\" stroke=\"rgba(0,229,255,.11)\" stroke-width=\"1\"/><text x=\"46.0\" y=\"264.5\" fill=\"rgba(140,200,235,.5)\" font-size=\"10.5\" text-anchor=\"end\" font-family=\"ui-monospace,Consolas,monospace\">125</text><line x1=\"56.0\" y1=\"157.5\" x2=\"612.0\" y2=\"157.5\" stroke=\"rgba(0,229,255,.11)\" stroke-width=\"1\"/><text x=\"46.0\" y=\"161.0\" fill=\"rgba(140,200,235,.5)\" font-size=\"10.5\" text-anchor=\"end\" font-family=\"ui-monospace,Consolas,monospace\">152</text><line x1=\"56.0\" y1=\"54.0\" x2=\"612.0\" y2=\"54.0\" stroke=\"rgba(0,229,255,.11)\" stroke-width=\"1\"/><text x=\"46.0\" y=\"57.5\" fill=\"rgba(140,200,235,.5)\" font-size=\"10.5\" text-anchor=\"end\" font-family=\"ui-monospace,Consolas,monospace\">179</text><path d=\"M56.00,396.19L75.17,354.41L94.34,332.99L113.52,329.04L132.69,335.00L151.86,341.65L171.03,341.57L190.21,331.71L209.38,314.49L228.55,296.69L247.72,286.83L266.90,291.79L286.07,313.91L305.24,349.55L324.41,389.71L343.59,422.49L362.76,436.69L381.93,425.27L401.10,387.64L420.28,329.94L439.45,263.24L458.62,200.24L477.79,151.56L496.97,122.77L516.14,113.16L535.31,116.58L554.48,124.01L573.66,126.99L592.83,120.68L612.00,105.54L612.00,468.00L56.00,468.00Z\" fill=\"url(#nbTsArea)\" class=\"nb-ts-area\"/><path d=\"M56.00,396.19L75.17,354.41L94.34,332.99L113.52,329.04L132.69,335.00L151.86,341.65L171.03,341.57L190.21,331.71L209.38,314.49L228.55,296.69L247.72,286.83L266.90,291.79L286.07,313.91L305.24,349.55L324.41,389.71L343.59,422.49L362.76,436.69L381.93,425.27L401.10,387.64L420.28,329.94L439.45,263.24L458.62,200.24L477.79,151.56L496.97,122.77L516.14,113.16L535.31,116.58L554.48,124.01L573.66,126.99L592.83,120.68L612.00,105.54\" class=\"nb-ts-chart\" style=\"--len:917.8\"/><circle class=\"nb-ts-pt\" cx=\"56.0\" cy=\"396.2\" r=\"3\" style=\"animation-delay:0.90s\"/><circle class=\"nb-ts-pt\" cx=\"151.9\" cy=\"341.7\" r=\"3\" style=\"animation-delay:1.12s\"/><circle class=\"nb-ts-pt\" cx=\"247.7\" cy=\"286.8\" r=\"3\" style=\"animation-delay:1.35s\"/><circle class=\"nb-ts-pt\" cx=\"343.6\" cy=\"422.5\" r=\"3\" style=\"animation-delay:1.57s\"/><circle class=\"nb-ts-pt\" cx=\"439.4\" cy=\"263.2\" r=\"3\" style=\"animation-delay:1.80s\"/><circle class=\"nb-ts-pt\" cx=\"535.3\" cy=\"116.6\" r=\"3\" style=\"animation-delay:2.02s\"/><circle class=\"nb-ts-pt\" cx=\"612.0\" cy=\"105.5\" r=\"3\" style=\"animation-delay:2.21s\"/><text x=\"56.0\" y=\"34\" fill=\"#7fe3ff\" font-size=\"12.5\" font-family=\"ui-monospace,Consolas,monospace\">visits / last 30 days</text><text class=\"nb-ts-pulse\" x=\"616.0\" y=\"95.5\" fill=\"#7fe3ff\" font-size=\"12\" text-anchor=\"end\" font-family=\"ui-monospace,Consolas,monospace\">165</text></svg>", 771 code: "<b>import</b> <m>matplotlib</m>.<m>pyplot</m> <b>as</b> <m>plt</m>\n<b>import</b> <m>math</m>\n\n<em># ææè¿ 30 天ç访é®éç»ææ线å¾</em>\n<em># çå®é¡¹ç®éè¿ä¸è¡æ¢æ读æ°æ®åºï¼SELECT day, visits FROM stats</em>\ndays = <u>30</u>\nvisits = [<u>78</u> + i*<u>2.6</u> + <u>26</u>*<m>math</m>.<s>sin</s>(i/<u>3.4</u>) + <u>14</u>*<m>math</m>.<s>sin</s>(i/<u>1.7</u> + <u>1.2</u>)\n <b>for</b> i <b>in</b> <s>range</s>(days)]\n\n<m>plt</m>.<s>style</s>.<s>use</s>(<i>\"dark_background\"</i>)\nfig, ax = <m>plt</m>.<s>subplots</s>(figsize=(<u>6.4</u>, <u>5.2</u>), dpi=<u>100</u>)\n\n<em># æ线 + é¢ç§¯å¡«å </em>\nax.<s>plot</s>(<s>range</s>(days), visits, color=<i>\"#00e5ff\"</i>, linewidth=<u>2</u>)\nax.<s>fill_between</s>(<s>range</s>(days), visits, color=<i>\"#00e5ff\"</i>
771, alpha=<u>0.15</u>)\n\n<em># æ¯ 5 天æ ä¸ä¸ªç¹</em>\nidx = <s>list</s>(<s>range</s>(<u>0</u>, days, <u>5</u>))\nax.<s>scatter</s>(idx, [visits[i] <b>for</b> i <b>in</b> idx], color=<i>\"#7fe3ff\"</i>, s=<u>26</u>, zorder=<u>3</u>)\n\nax.<s>set_title</s>(<i>\"visits / last 30 days\"</i>, loc=<i>\"left\"</i>, color=<i>\"#7fe3ff\"</i>)\nax.<s>grid</s>(alpha=<u>0.12</u>, color=<i>\"#00e5ff\"</i>)\nfig.<s>tight_layout</s>()\n<m>plt</m>.<s>show</s>()", 772 plain: "import matplotlib.pyplot as plt\nimport math\n\n# ææè¿ 30 天ç访é®éç»ææ线å¾\n# çå®é¡¹ç®éè¿ä¸è¡æ¢æ读æ°æ®åºï¼SELECT day, visits FROM stats\ndays = 30\nvisits = [78 + i*2.6 + 26*math.sin(i/3.4) + 14*math.sin(i/1.7 + 1.2)\n for i in range(days)]\n\nplt.style.use(\"dark_background\")\nfig, ax = plt.subplots(figsize=(6.4, 5.2), dpi=100)\n\n# æ线 + é¢ç§¯å¡«å \nax.plot(range(days), visits, color=\"#00e5ff\", linewidth=2)\nax.fill_between(range(days), visits, color=\"#00e5ff\", alpha=0.15)\n\n# æ¯ 5 天æ ä¸ä¸ªç¹\nidx = list(range(0, days, 5))\nax.scatter(idx, [visits[i] for i in idx], color=\"#7fe3ff\", s=26, zorder=3)\n\nax.set_title(\"visits / last 30 days\", loc=\"left\", color=\"#7fe3ff\")\nax.grid(alpha=0.12, color=\"#00e5ff\")\nfig.tight_layout()\nplt.show()", 773 langs: [{"id": "py", "name": "Python", "file": "data.py", "code": "<b>import</b> <m>matplotlib</m>.<m>pyplot</m> <b>as</b> <m>plt</m>\n<b>import</b> <m>math</m>\n\n<em># ææè¿ 30 天ç访é®éç»ææ线å¾</em>\n<em># çå®é¡¹ç®éè¿ä¸è¡æ¢æ读æ°æ®åºï¼SELECT day, visits FROM stats</em>\ndays = <u>30</u>\nvisits = [<u>78</u> + i*<u>2.6</u> + <u>26</u>*<m>math</m>.<s>sin</s>(i/<u>3.4</u>) + <u>14</u>*<m>math</m>.<s>sin</s>(i/<u>1.7</u> + <u>1.2</u>)\n <b>for</b> i <b>in</b> <s>range</s>(days)]\n\n<m>plt</m>.<s>style</s>.<s>use</s>(<i>\"dark_background\"</i>)\nfig, ax = <m>plt</m>.<s>subplots</s>(figsize=(<u>6.4</u>, <u>5.2</u>), dpi=<u>100</u>)\n\n<em># æ线 + é¢ç§¯å¡«å </em>\nax.<s>plot</s>(<s>range</s>(days), visits, color=<i>\"#00e5ff\"</i>, linewidth=<u>2</u>)\nax.<s>fill_between</s>(<s>range</s>(days), visits, color=<i>\"#00e5ff\"</i>, alpha=<u>0.15</u>)\n\n<em># æ¯ 5 天æ ä¸ä¸ªç¹</em>\nidx = <s>list</s>(<s>range</s>(<u>0</u>, days, <u>5</u>))\nax.<s>scatter</s>(idx, [visits[i] <b>for</b> i <b>in</b> idx], color=<i>\"#7fe3ff\"</i>, s=<u>26</u>, zorder=<u>3</u>)\n\nax.<s>set_title</s>(<i>\"visits / last 30 days\"</i>, loc=<i>\"left\"</i>, color=<i>\"#7fe3ff\"</i>)\nax.<s>grid</s>(alpha=<u>0.12</u>, color=<i>\"#00e5ff\"</i>)\nfig.<s>tight_layout</s>()\n<m>plt</m>.<s>show</s>()", "plain": "import matplotlib.pyplot as plt\nimport math\n\n# ææè¿ 30 天ç访é®éç»ææ线å¾\n# çå®é¡¹ç®éè¿ä¸è¡æ¢æ读æ°æ®åºï¼SELECT day, visits FROM stats\ndays = 30\nvisits = [78 + i*2.6 + 26*math.sin(i/3.4) + 14*math.sin(i/1.7 + 1.2)\n for i in range(days)]\n\nplt.style.use(\"dark_background\")\nfig, ax = plt.subplots(figsize=(6.4, 5.2), dpi=100)\n\n# æ线 + é¢ç§¯å¡«å \nax.plot(range(days), visits, color=\"#00e5ff\", linewidth=2)\nax.fill_between(range(days), visits, color=\"#00e5ff\", alpha=0.15)\n\n# æ¯ 5 天æ ä¸ä¸ªç¹\nidx = list(range(0, days, 5))\nax.scatter(idx, [visits[i] for i in idx], color=\"#7fe3ff\", s=26, zorder=3)\n\nax.set_title(\"visits / last 30 days\", loc=\"left\", color=\"#7fe3ff\")\nax.grid(alpha=0.12, color=\"#00e5ff\")\nfig.tight_layout()\nplt.show()"}, {"id": "js", "name": "JavaScript", "file": "visits.js", "code": "<em>// 访é®éèµ°å¿é¢æ¿ · JavaScript + Canvas 2D</em>\n<em>// æ线 + é¢ç§¯å¡«å + æ°æ®ç¹ï¼å页é¢ä¸é£ä¸ª SVG é¢æ¿åæ ·çè§æã</em>\n<b>const</b> <b>canvas</b> = document.createElement(<i>'<b>canvas</b>'</i>);\n<b>canvas</b>.width = 660; <b>canvas</b>.height = 520;\ndocument.body.appendChild(<b>canvas</b>);\n<b>const</b> <b>ctx</b> = <b>canvas</b>.getContext(<i>'2d'</i>);\n<b>ctx</b>.fillStyle = <i>'#060a14'</i>;\n<b>ctx</b>.fillRect(0, 0, <b>canvas</b>.width, <b>canvas</b>.height);\n\n<b>const</b> days = 30;\n<em>// çå®é¡¹ç®éè¿ä¸è¡æ¢ææ¥å£æ°æ®</em>\n<b>const</b> visits = Array.from({ length: days }, (_, i) =>\n 78 + i * 2.6 + 26 * <b>Math</b>.sin(i / 3.4) + 14 * <b>Math</b>.sin(i / 1.7 + 1.2));\n\n<b>const</b> PL = 56, PR = 28, PT = 54, PB = 52;\n<b>const</b> plotW = <b>canvas</b>.width - PL - PR;\n<b>const</b> plotH = <b>canvas</b>.height - PT - PB;\n<b>const</b> mx = <b>Math</b>.max(...visits), mn = <b>Math</b>.min(...visits);\n<b>const</b> PX = i => PL + plotW * i / (days - 1);\n<b>const</b> PY = v => PT + plotH * (1 - (v - mn * 0.9) / (mx * 1.08 - mn * 0.9));\n\n<em>
773// ç½æ ¼ + y è½´å»åº¦</em>\n<b>ctx</b>.font = <i>'10.5px monospace'</i>;\n<b>ctx</b>.textAlign = <i>'right'</i>;\n<b>for</b> (<b>let</b> k = 0; k < 5; k++) {\n <b>const</b> gv = mn * 0.9 + (mx * 1.08 - mn * 0.9) * k / 4;\n <b>const</b> gy = PY(gv);\n <b>ctx</b>.strokeStyle = <i>'rgba(0,229,255,.11)'</i>;\n <b>ctx</b>.beginPath(); <b>ctx</b>.moveTo(PL, gy); <b>ctx</b>.lineTo(<b>canvas</b>.width - PR, gy); <b>ctx</b>.stroke();\n <b>ctx</b>.fillStyle = <i>'rgba(140,200,235,.5)'</i>;\n <b>ctx</b>.fillText(String(<b>Math</b>.round(gv)), PL - 10, gy + 3.5);\n}\n\n<em>// é¢ç§¯å¡«å
</em>\n<b>const</b> grad = <b>ctx</b>.createLinearGradient(0, PT, 0, PT + plotH);\ngrad.addColorStop(0, <i>'rgba(0,229,255,.34)'</i>);\ngrad.addColorStop(1, <i>'rgba(0,229,255,0)'</i>);\n<b>ctx</b>.beginPath();\n<b>ctx</b>.moveTo(PX(0), PY(visits[0]));\n<b>for</b> (<b>let</b> i = 1; i < days; i++) <b>ctx</b>.lineTo(PX(i), PY(visits[i]));\n<b>ctx</b>.lineTo(PX(days - 1), PT + plotH);\n<b>ctx</b>.lineTo(PX(0), PT + plotH);\n<b>ctx</b>.closePath();\n<b>ctx</b>.fillStyle = grad;\n<b>ctx</b>.fill();\n\n<em>// æ线</em>\n<b>ctx</b>.beginPath();\n<b>ctx</b>.moveTo(PX(0), PY(visits[0]));\n<b>for</b> (<b>let</b> i = 1; i < days; i++) <b>ctx</b>.lineTo(PX(i), PY(visits[i]));\n<b>ctx</b>.strokeStyle = <i>'#00e5ff'</i>;\n<b>ctx</b>.lineWidth = 2.2;\n<b>ctx</b>.lineJoin = <i>'round'</i>;\n<b>ctx</b>.stroke();\n\n<em>// æ¯ 5 天ä¸ä¸ªç¹</em>\n<b>ctx</b>.fillStyle = <i>'#7fe3ff'</i>;\n<b>for</b> (<b>let</b> i = 0; i < days; i += 5) {\n <b>ctx</b>.beginPath();\n <b>ctx</b>.arc(PX(i), PY(visits[i]), 3, 0, <b>Math</b>.PI * 2);\n <b>ctx</b>.fill();\n}\n\n<em>// æ é¢åæ«ç«¯æ°å¼</em>\n<b>ctx</b>.textAlign = <i>'left'</i>;\n<b>ctx</b>.fillStyle = <i>'#7fe3ff'</i>;\n<b>ctx</b>.font = <i>'12.5px monospace'</i>;\n<b>ctx</b>.fillText(<i>'visits / last 30 days'</i>, PL, 34);\n<b>ctx</b>.textAlign = <i>'right'</i>;\n<b>ctx</b>.fillText(String(<b>Math</b>.round(visits[days - 1])), PX(days - 1) + 4, PY(visits[days - 1]) - 10);\n", "plain": "// 访é®éèµ°å¿é¢æ¿ · JavaScript + Canvas 2D\n// æ线 + é¢ç§¯å¡«å
+ æ°æ®ç¹ï¼å页é¢ä¸é£ä¸ª SVG é¢æ¿åæ ·çè§æã\nconst canvas = document.createElement('canvas');\ncanvas.width = 660; canvas.height = 520;\ndocument.body.appendChild(canvas);\nconst ctx = canvas.getContext('2d');\nctx.fillStyle = '#060a14';\nctx.fillRect(0, 0, canvas.width, canvas.height);\n\nconst days = 30;\n// çå®é¡¹ç®éè¿ä¸è¡æ¢ææ¥å£æ°æ®\nconst visits = Array.from({ length: days }, (_, i) =>\n 78 + i * 2.6 + 26 * Math.sin(i / 3.4) + 14 * Math.sin(i / 1.7 + 1.2));\n\nconst PL = 56, PR = 28, PT = 54, PB = 52;\nconst plotW = canvas.width - PL - PR;\nconst plotH = canvas.height - PT - PB;\nconst mx = Math.max(...visits), mn = Math.min(...visits);\nconst PX = i => PL + plotW * i / (days - 1);\nconst PY = v => PT + plotH * (1 - (v - mn * 0.9) / (mx * 1.08 - mn * 0.9));\n\n// ç½æ ¼ + y è½´å»åº¦\nctx.font = '10.5px monospace';\nctx.textAlign = 'right';\nfor (let k = 0; k < 5; k++) {\n const gv = mn * 0.9 + (mx * 1.08 - mn * 0.9) * k / 4;\n const gy = PY(gv);\n ctx.strokeStyle = 'rgba(0,229,255,.11)';\n ctx.beginPath(); ctx.moveTo(PL, gy); ctx.lineTo(canvas.width - PR, gy); ctx.stroke();\n ctx.fillStyle = 'rgba(140,200,235,.5)';\n ctx.fillText(String(Math.round(gv)), PL - 10, gy + 3.5);\n}\n\n// é¢ç§¯å¡«å
\nconst grad = ctx.createLinearGradient(0, PT, 0, PT + plotH);\ngrad.addColorStop(0, 'rgba(0,229,255,.34)');\ngrad.addColorStop(1, 'rgba(0,229,255,0)');\nctx.beginPath();\nctx.moveTo(PX(0), PY(visits[0]));\nfor (let i = 1; i < days; i++) ctx.lineTo(PX(i), PY(visits[i]));\nctx.lineTo(PX(days - 1), PT + plotH);\nctx.lineTo(PX(0), PT + plotH);\nctx.closePath();\nctx.fillStyle = grad;\nctx.fill();\n\n// æ线\nctx.beginPath();\nctx.moveTo(PX(0), PY(visits[0]));\nfor (let i = 1; i < days; i++) ctx.lineTo(PX(i), PY(visits[i]));\nctx.strokeStyle = '#00e5ff';\nctx.lineWidth = 2.2;\nctx.lineJoin = 'round';\nctx.stroke();\n\n// æ¯ 5 天ä¸ä¸ªç¹\nctx.fillStyle = '#7fe3ff';\nfor (let i = 0; i < days; i += 5) {\n ctx.beginPath();\n ctx.arc(PX(i), PY(visits[i]), 3, 0, Math.PI * 2);\n ctx.fill();\n}\n\n// æ é¢åæ«ç«¯æ°å¼\nctx.textAlign = 'left';\nctx.fillStyle = '#7fe3ff';\nctx.font = '12.5px monospace';\nctx.fillText('visits / last 30 days', PL, 34);\nctx.textAlign = 'right';\nctx.fillText(String(Math.round(visits[days - 1])), PX(days - 1) + 4, PY(visits[days - 1]) - 10);\n"}, {"id": "c", "name": "C", "file": "visits.c", "code": "<em>/* 访é®éèµ°å¿ Â· C è¯è¨ï¼æ§å¶å° ASCII æ线å¾\n ç¼è¯ï¼ gcc visits.c -o visits -lm */</em>\n#<b>include</b> <stdio.h>\n#<b>include</b> <math.h>\n\n#<b>define</b> WIDTH 79\n#<b>define</b> HEIGHT 22\n#<b>define</b> DAYS 30\n\n<b>int</b> main(<b>void</b>)\n{\n <b>double</b> v[DAYS], mx = -1e9, mn = 1e9;\n <b>char</b> grid[HEIGHT][WIDTH + 1];\n <b>int</b> i, j, k;\n\n <em>/* é æ°æ®ï¼çå®é¡¹ç®éæ¢æ读æ¥å£ */</em>\n <b>for</b> (i = 0; i < DAYS;
773 i++) {\n v[i] = 78 + i * 2.6 + 26 * sin(i / 3.4) + 14 * sin(i / 1.7 + 1.2);\n <b>if</b> (v[i] > mx) mx = v[i];\n <b>if</b> (v[i] < mn) mn = v[i];\n }\n\n <b>for</b> (j = 0; j < HEIGHT; j++)\n <b>for</b> (k = 0; k < WIDTH; k++) grid[j][k] = ' ';\n <b>for</b> (j = 0; j < HEIGHT; j++) grid[j][WIDTH] = '\\0';\n\n <em>/* ç»æ¨ªåç½æ ¼çº¿ */</em>\n <b>for</b> (j = 0; j < HEIGHT; j += 4) grid[j][0] = '|';\n\n <em>/* æçº¿ç¹ */</em>\n <b>for</b> (i = 0; i < DAYS; i++) {\n <b>int</b> gx = (<b>int</b>)((<b>double</b>)i / (DAYS - 1) * (WIDTH - 6)) + 5;\n <b>int</b> gy = HEIGHT - 1 - (<b>int</b>)((v[i] - mn * 0.9) / (mx * 1.08 - mn * 0.9) * (HEIGHT - 2));\n <b>if</b> (gy < 0) gy = 0;\n <b>if</b> (gy >= HEIGHT) gy = HEIGHT - 1;\n <em>/* æç¸é»ç¹ä¹é´ç空éè¡¥ä¸ï¼å å¾æ线 */</em>\n <b>if</b> (i > 0) {\n <b>int</b> px = (<b>int</b>)((<b>double</b>)(i - 1) / (DAYS - 1) * (WIDTH - 6)) + 5;\n <b>int</b> py = HEIGHT - 1 - (<b>int</b>)((v[i - 1] - mn * 0.9) / (mx * 1.08 - mn * 0.9) * (HEIGHT - 2));\n <b>int</b> s, steps = gx - px;\n <b>for</b> (s = 1; s < steps; s++) {\n <b>int</b> iy = py + (gy - py) * s / (steps ? steps : 1);\n <b>int</b> ix = px + s;\n <b>if</b> (ix >= 0 && ix < WIDTH && iy >= 0 && iy < HEIGHT) grid[iy][ix] = '-';\n }\n }\n <b>if</b> (gx >= 0 && gx < WIDTH) grid[gy][gx] = '*';\n }\n\n <b>printf</b>(<i>\"visits / last %d days (%.0f ~ %.0f)\\n\\n\"</i>, DAYS, mn, mx);\n <b>for</b> (j = 0; j < HEIGHT; j++) {\n <b>printf</b>(<i>\"%3d %s\\n\"</i>,\n (<b>int</b>)(mx - (mx - mn) * j / (HEIGHT - 1)), grid[j]);\n }\n <b>return</b> 0;\n}\n", "plain": "/* 访é®éèµ°å¿ Â· C è¯è¨ï¼æ§å¶å° ASCII æ线å¾\n ç¼è¯ï¼ gcc visits.c -o visits -lm */\n#include <stdio.h>\n#include <math.h>\n\n#define WIDTH 79\n#define HEIGHT 22\n#define DAYS 30\n\nint main(void)\n{\n double v[DAYS], mx = -1e9, mn = 1e9;\n char grid[HEIGHT][WIDTH + 1];\n int i, j, k;\n\n /* é æ°æ®ï¼çå®é¡¹ç®éæ¢æ读æ¥å£ */\n for (i = 0; i < DAYS; i++) {\n v[i] = 78 + i * 2.6 + 26 * sin(i / 3.4) + 14 * sin(i / 1.7 + 1.2);\n if (v[i] > mx) mx = v[i];\n if (v[i] < mn) mn = v[i];\n }\n\n for (j = 0; j < HEIGHT; j++)\n for (k = 0; k < WIDTH; k++) grid[j][k] = ' ';\n for (j = 0; j < HEIGHT; j++) grid[j][WIDTH] = '\\0';\n\n /* ç»æ¨ªåç½æ ¼çº¿ */\n for (j = 0; j < HEIGHT; j += 4) grid[j][0] = '|';\n\n /* æçº¿ç¹ */\n for (i = 0; i < DAYS; i++) {\n int gx = (int)((double)i / (DAYS - 1) * (WIDTH - 6)) + 5;\n int gy = HEIGHT - 1 - (int)((v[i] - mn * 0.9) / (mx * 1.08 - mn * 0.9) * (HEIGHT - 2));\n if (gy < 0) gy = 0;\n if (gy >= HEIGHT) gy = HEIGHT - 1;\n /* æç¸é»ç¹ä¹é´ç空éè¡¥ä¸ï¼å å¾æ线 */\n if (i > 0) {\n int px = (int)((double)(i - 1) / (DAYS - 1) * (WIDTH - 6)) + 5;\n int py = HEIGHT - 1 - (int)((v[i - 1] - mn * 0.9) / (mx * 1.08 - mn * 0.9) * (HEIGHT - 2));\n int s, steps = gx - px;\n for (s = 1; s < steps; s++) {\n int iy = py + (gy - py) * s / (steps ? steps : 1);\n int ix = px + s;\n if (ix >= 0 && ix < WIDTH && iy >= 0 && iy < HEIGHT) grid[iy][ix] = '-';\n }\n }\n if (gx >= 0 && gx < WIDTH) grid[gy][gx] = '*';\n }\n\n printf(\"visits / last %d days (%.0f ~ %.0f)\\n\\n\", DAYS, mn, mx);\n for (j = 0; j < HEIGHT; j++) {\n printf(\"%3d %s\\n\",\n (int)(mx - (mx - mn) * j / (HEIGHT - 1)), grid[j]);\n }\n return 0;\n}\n"}] 774 } 775 ]; 776 777 var SHOW_LINES = 26; 778 779 function mount() { 780 try { 781 if (document.documentElement.getAttribute('theme') !== 'tech') return; 782 if (document.getElementById('nbTechRow')) return; 783 var inner = document.querySelector('.hero-inner, .vhero-inner'); 784 if (!inner) return; 785 var host = inner.parentNode; 786 787 if (!document.getElementById('nbTechShowcaseCss')) { 788 var st = document.createElement('style'); 789 st.id = 'nbTechShowcaseCss'; 790 st.textContent = CSS; 791 document.head.appendChild(st); 792 } 793 794 var row = document.createElement('div'); 795 row.id = 'nbTechRow'; 796 row.className = 'nb-ts-row'; 797 798 var left = document.createElement('div'); 799 left.className = 'nb-ts-left'; 800 var bar = document.createElement('div'); 801 bar.className = 'nb-ts-bar'; 802 var title = document.createElement('span'); 803 title.className = 'sp'; 804 var tabs = document.createElement('div'); 805 tabs.className = 'nb-ts-tabs'; 806 bar.appendChild(title); 807 bar.appendChild(tabs); 808 809 var svgBox = document.createElement('div'); 810 left.appendChild(bar); 811 left.appendChild(svgBox); 812 813 var right = document.createElement('div'); 814 right.className = 'nb-ts-right'; 815 var wrap = document.createElement('div'); 816 wrap.className = 'nb-ts-codewrap'; 817 var head = document.createElement('div'); 818 head.className = 'nb-ts-codehead'; 819 var hsp = document.createElement('span'); 820 hsp.className = 'sp'; 821 hsp.textContent = '\uD83D\uDCCB \u6E90\u7801'; 822 var copyBtn = document.createElement('button'); 823 copyBtn.type = 'button'; 824 copyBtn.className = 'nb-ts-mini'; 825 copyBtn.textContent = '\u590D\u5236'; 826 var dlBtn = document.createElement('button'); 827 dlBtn.type = 'button'; 828 dlBtn.className = 'nb-ts-mini'; 829 dlBtn.textContent = '\u4E0B\u8F7D'; 830 dlBtn.title = '\u5B58\u6210\u6E90\u6587\u4EF6'; 831 var toggleBtn = document.createElement('button'); 832 toggleBtn.type = 'button'; 833 toggleBtn.className = 'nb-ts-mini'; 834 toggleBtn.textContent = '\u5C55\u5F00 \u25BE'; 835 head.appendChild(hsp); 836 head.appendChild(copyBtn); 837 head.appendChild(dlBtn); 838 head.appendChild(toggleBtn); 839 var langBar = document.createElement('div'); 840 langBar.className = 'nb-ts-langs'; 841 var pre = document.createElement('pre'); 842 pre.className = 'nb-ts-code'; 843 wrap.appendChild(head); 844 wrap.appendChild(langBar); 845 wrap.appendChild(pre); 846 right.appendChild(wrap); 847 848 row.appendChild(left); 849 row.appendChild(right); 850 851 var scroll = host.querySelector ? host.querySelector('.hero-scroll, .vhero-fade') : null; 852 if (scroll && scroll.parentNode === host) host.insertBefore(row, scroll); 853 else host.insertBefore(row, inner.nextSibling); 854 855 /* ---------- 渲ææ个å 容 ---------- */ 856 var cur = null; 857 var curLang = null; /* å½åéä¸çè¯è¨ï¼æ²¡æ langs å°±æ¯ nullï¼ */ 858 859 /* å½å该å¤å¶ / ä¸è½½ç纯ææ¬ä¸æ件å ââ æå°è¿éï¼ 860 å 为å¤å±çå¤å¶ãä¸è½½ãæ¶èµ·æé®é½è¦ç¨ã */ 861 function curText() { return curLang ? curLang.plain : (cur ? cur.plain : ''); } 862 function curFile() { 863 if (curLang) return curLang.file; 864 if (!cur) return 'code.txt'; 865 return cur.file || (cur.id + '.py'); 866 } 867 function render(it) { 868 cur = it; 869 title.innerHTML = it.name; 870 /* å 容å¯ä»¥æ¯ svgï¼å¾å½¢ï¼ä¹å¯ä»¥æ¯ htmlï¼æ¯å¦å¯äº¤äºçç»ç«¯ï¼ */ 871 svgBox.innerHTML = it.html || it.svg; 872 if (typeof it.init === 'function') it.init(svgBox); 873 874 /* å¤è¯è¨ï¼æ¸²æä¸è¡è¯è¨æé®ï¼åæ¢æ¶æ¢ä»£ç åæ件å */ 875 curLang = (it.langs && it.langs.length) ? it.langs[0] : null; 876 langBar.innerHTML = ''; 877 if (it.langs && it.langs.length) {
878 it.langs.forEach(function (lg) { 879 var b = document.createElement('button'); 880 b.type = 'button'; 881 b.className = 'nb-ts-lang' + (lg === curLang ? ' on' : ''); 882 b.textContent = lg.name; 883 b.onclick = function () { 884 curLang = lg; 885 Array.prototype.forEach.call(langBar.children, function (x) { 886 x.classList.toggle('on', x === b); 887 }); 888 showCode(); 889 }; 890 langBar.appendChild(b); 891 }); 892 } 893 showCode(); 894 895 function showCode() { 896 /* æ é¢è·çå½åè¯è¨èµ° */ 897 hsp.textContent = '\uD83D\uDCCB ' + 898 (curLang ? curLang.name : 'Python') + ' \u6E90\u7801'; 899 var code = curLang ? curLang.code : it.code; 900 var arr = code.split('\n'); 901 pre.innerHTML = arr.slice(0, SHOW_LINES).join('\n') + 902 (arr.length > SHOW_LINES 903 ? '\n<em># \u2026\u2026 \u5171 ' + arr.length + ' \u884C\uFF0C\u70B9\u300C\u5C55\u5F00\u300D\u770B\u5B8C\u6574\u4EE3\u7801</em>' 904 : ''); 905 wrap.classList.remove('open'); 906 toggleBtn.textContent = '\u5C55\u5F00 \u25BE'; 907 copyBtn.textContent = '\u590D\u5236'; 908 copyBtn.classList.remove('done'); 909 } 910 911 // 代ç åªæªå SHOW_LINES è¡ï¼å ¶ä½é ãå±å¼ã 912 var arr = it.code.split('\n'); 913 pre.innerHTML = arr.slice(0, SHOW_LINES).join('\n') + 914 (arr.length > SHOW_LINES 915 ? '\n<em># \u2026\u2026 \u5171 ' + arr.length + ' \u884C\uFF0C\u70B9\u300C\u5C55\u5F00\u300D\u770B\u5B8C\u6574\u4EE3\u7801</em>' 916 : ''); 917 wrap.classList.remove('open'); 918 toggleBtn.textContent = '\u5C55\u5F00 \u25BE'; 919 copyBtn.textContent = '\u590D\u5236'; 920 copyBtn.classList.remove('done'); 921 // Tab é«äº® 922 Array.prototype.forEach.call(tabs.children, function (b) { 923 b.classList.toggle('on', b.dataset.id === it.id); 924 }); 925 } 926 927 ITEMS.forEach(function (it, i) { 928 var b = document.createElement('button'); 929 b.type = 'button'; 930 b.className = 'nb-ts-tab' + (i === 0 ? ' on' : ''); 931 b.dataset.id = it.id; 932 b.textContent = it.tab; 933 b.onclick = function () { render(it); }; 934 tabs.appendChild(b); 935 }); 936 937 dlBtn.onclick = function () { 938 var ok = saveText(curFile(), curText()); 939 dlBtn.textContent = ok ? '\u5DF2\u4E0B\u8F7D \u2713' : '\u4E0B\u8F7D\u5931\u8D25'; 940 dlBtn.classList.toggle('done', !!ok); 941 setTimeout(function () { 942 dlBtn.textContent = '\u4E0B\u8F7D'; 943 dlBtn.classList.remove('done'); 944 }, 1600); 945 }; 946 947 toggleBtn.onclick = function () { 948 var on = wrap.classList.toggle('open'); 949 if (on) { 950 pre.innerHTML = (curLang ? curLang.code : cur.code); 951 } else { 952 /* æ¶èµ·ï¼åªæ代ç æªåå»ï¼ä¸æ´ä¸ªé渲æï¼å¦åè¯è¨æé®ä¼è¢«éç½®ï¼ */ 953 var keep = curLang; 954 render(cur); 955 if (keep && cur.langs) { 956 curLang = keep; 957 Array.prototype.forEach.call(langBar.children, function (x, i) { 958 x.classList.toggle('on', cur.langs[i] === keep); 959 }); 960 var c2 = keep.code.split('\n'); 961 pre.innerHTML = c2.slice(0, SHOW_LINES).join('\n') + 962 (c2.length > SHOW_LINES 963 ? '\n<em># \u2026\u2026 \u5171 ' + c2.length + ' \u884C\uFF0C\u70B9\u300C\u5C55\u5F00\u300D\u770B\u5B8C\u6574\u4EE3\u7801</em>' 964 : ''); 965 } 966 } 967 toggleBtn.textContent = on ? '\u6536\u8D77 \u25B4' : '\u5C55\u5F00 \u25BE'; 968 }; 969 970 copyBtn.onclick = function () { 971 var text = curText(); 972 if (!text) { copyBtn.textContent = '\u6CA1\u6709\u5185\u5BB9'; return; } 973 974 function ok() {
975 copyBtn.textContent = '\u5DF2\u590D\u5236 \u2713'; 976 copyBtn.classList.add('done'); 977 setTimeout(function () { 978 copyBtn.textContent = '\u590D\u5236'; 979 copyBtn.classList.remove('done'); 980 }, 1600); 981 } 982 function manual() { 983 /* æåå åºï¼å±å¼ä»£ç å¹¶å ¨éï¼è®©ç¨æ·èªå·±æ Ctrl+C */ 984 wrap.classList.add('open'); 985 pre.innerHTML = (curLang ? curLang.code : cur.code); 986 var picked = false; 987 try { 988 var rng = document.createRange(); 989 rng.selectNodeContents(pre); 990 var sel = window.getSelection(); 991 sel.removeAllRanges(); 992 sel.addRange(rng); 993 picked = String(sel).length > 0; 994 } catch (e) { picked = false; } 995 copyBtn.textContent = picked ? '\u5DF2\u9009\u4E2D Ctrl+C' : '\u8BF7\u624B\u52A8\u590D\u5236'; 996 copyBtn.classList.add('done'); 997 setTimeout(function () { 998 copyBtn.textContent = '\u590D\u5236'; 999 copyBtn.classList.remove('done'); 1000 }, 2600); 1001 } 1002 function legacy() { 1003 try { 1004 var ta = document.createElement('textarea'); 1005 ta.value = text; 1006 ta.setAttribute('readonly', ''); 1007 ta.style.cssText = 'position:fixed;left:-9999px;top:0;opacity:0;'; 1008 document.body.appendChild(ta); 1009 ta.focus(); 1010 ta.select(); 1011 try { ta.setSelectionRange(0, ta.value.length); } catch (e0) {} 1012 var copied = false; 1013 try { copied = document.execCommand('copy'); } catch (e1) { copied = false; } 1014 document.body.removeChild(ta); 1015 if (copied) ok(); else manual(); 1016 } catch (e2) { 1017 manual(); 1018 } 1019 } 1020 1021 try { 1022 if (navigator.clipboard && navigator.clipboard.writeText) { 1023 navigator.clipboard.writeText(text).then(ok, legacy); 1024 } else { 1025 legacy(); 1026 } 1027 } catch (e) { 1028 legacy(); 1029 } 1030 };; 1031 1032 render(ITEMS[0]); 1033 } catch (e) {} 1034 } 1035 1036 function unmount() { 1037 var el = document.getElementById('nbTechRow'); 1038 if (el && el.parentNode) el.parentNode.removeChild(el); 1039 } 1040 1041 function boot() { 1042 mount(); 1043 window.addEventListener('nb-theme-change', function () { unmount(); mount(); }); 1044 } 1045 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); 1046 else boot(); 1047})();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.