https://leafcxy.github.io/tags/%E5%88%9B%E6%84%8F%E7%BC%96%E7%A8%8B/Recent content in 创意编程 on LeafCxy's BlogHugozh-cnThu, 12 Nov 2026 10:00:00 +0800https://leafcxy.github.io/posts/2026/11/javascript-self-referential-ascii-animation/Thu, 12 Nov 2026 10:00:00 +0800https://leafcxy.github.io/posts/2026/11/javascript-self-referential-ascii-animation/<p>一个只有十几行的 <code>index.html</code>，打开后却能不断重绘字符画，还把自己的 JavaScript 源码织进画面。代码中充满 <code>eval</code>、<code>with</code>、位运算和嵌在注释里的字符，让人很难第一眼看出它在做什么。</p> <p>在 Chromium 中运行时，页面显示 16 行、每行 61 个字符的源码背景，中间覆盖一条由空格、<code>*</code> 和 <code>#</code> 组成的横向透镜形图案。图案的轮廓基本固定，内部字符不断变化；每行末尾还有一个可见的反斜杠。</p>