牛逼！用 12 万行代码堆出来个 "蔡徐坤"，编译还能通过！

一时失言乱红尘 2023-02-17 02:30 3阅读 0赞

#  #

公众号关注 “GitHubPorn”

设为 “星标”，每天带你逛 GitHub！

![format_png][]

转自量子位

有个程序猿，用12万行代码堆出来个「蔡徐坤」，编译还能通过？！

不是简单的灰度字符画！也不是控制台控制颜色！而是在唱、跳、rap的代码！

连肩带，都是有灵魂的。

![format_png 1][]

这样的作品，来自B站UP主NyeJu。他利用代码编辑器为不同关键词显示不同的颜色的原理，生成代码，然后滑动形成视频。

这项技术的关键在于：

在正确的位置上放上符合规范的代码，显示不同的颜色。

也就是说，整个操作纯人工打造！

并且，这份代码是可以编译通过的，0 error：

![format_png 2][]

一经发出，网友纷纷表示：希望编译器没事。

![format_png 3][] ![format_png 4][]

![format_png 5][]

还有盆友说：希望肝没事。

![format_png 6][]

# 12万行代码你太美 #

当然也有盆友发出了这样的惊叹：纯手敲？！UP太强了！

![format_png 7][]

不过UP主虽是真·肝帝无疑，但还没有魔鬼到这个地步。

![format_png 8][]

UP主也简单介绍了一下自己的操作思路。

首先，选择一个配色主题，比如UP主用的是Code Blue，并且需要获取每一种关键词的颜色。

![format_png 9][]

然后，把原视频切分成一堆图片，识别每张图片的像素，匹配到最相近的关键词颜色上，记录下（颜色，长度）。

根据（颜色，长度）生成对应的代码。这涉及到两个步骤：

*  定义一系列的pattern，比如「粉、红、白」就是声明，「灰、透明」就是注释；
 *  用pattern去匹配（颜色，长度），匹配成功就进行转换。

而UP主的这个视频能做到如此流畅，是因为他为原视频的每一帧都生成了代码。

![format_png 10][]

最后，让这12万行代码滑动起来，开头那般的唱、跳、rap视频就制作成功了。

即便如此，B站现场的小伙伴们还是嗅到了爆肝的气息，比如评论区就有5级号提供了一个清新的思路：没用专业团队当素材，可能是因为UP肝了一整年。

![format_png 11][]

于是，带着小伙伴们的好奇采访了一下UP主NyeJu本人。

NyeJu表示，整个项目的完成其实只用了大概一周多的时间，毕竟12万行代码不是手敲，而是生成的。

另外，NyeJu也解释说，没有选择现在更火的其他素材，是因为蔡徐坤的素材比较干净，颜色数量也比较适中。

> ❝
> 
> 其他的素材都不是很合适，比如像「黑人抬棺」颜色就有点多，「bad apple」的话又太少。（本人对蔡徐坤没有任何恶意。）
> 
> ❞

评论区也有盆友补充解释了一下其中的难点：可以编译通过我惊了。

![format_png 12][]

对此，NyeJu说，其实项目一开始的底线就是能够编译通过，否则的话，VS Code的代码高亮会抽风。原理还是基于语法规则，比如const和static可以无限叠加，标识符和字符串可以任意长，根据这些去构造想要的颜色的长度。

# One More Thing #

所以，为什么会开这样一个脑洞？

在采访中，NyeJu也给出了答案：

> ❝
> 
> 是受「何同学」最新一个视频——《我用一万行备忘录做了个动画…》的启发，想做一个更厉害一点的。
> 
> ❞

另外，虽然展示给大家的代码是C++，NyeJu本人其实在日常的coding中用Python多一点，这个项目的C++代码也是用Python生成的。

最后看一下视频，一睹为快！

\---

爱分享，爱开源，**GitHubPorn** 现已正式上线！专注于为大家**分享优质的计算机学习资源与开发者工具。**

如果今天的推荐符合你的口味，请在文章点赞，以表示对我的支持，你们的点赞和转发关注，是我持续更新的动力^\_^

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9KVG1rYzZvOEZSRWlhVmliNWtvdjA0TURuM2tUb3RFYTBEZ3pId25leVVFUEY3MmdsZTlsWGMzY05rTmw5VkRxUXNBOWhMRnhWV25jSnBjZkpvTGFpYzBnQS82NDA?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQc25QTEFTU2w5MVNxR0RBTkZLQjFMZ25lQ0JOZksydmhoaWFTMEV6WUN5aWJEUW1SVGliUFg1TGlidy82NDA?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQa0xpY1RYbGtTckloSWZEakhTRXhpYk9aRTZBQ1ZEQVhpYXIzM0V4MXZlQUJHc0hpYVNxdFRxa1dtQS82NDA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQcXJ4VHg5NHJJd1JyTjFNU2UzVUhLY3NTRmhuaWMyemliWkU3UlhrWUhXck9LcEJxVmx3aWFteHd3LzY0MA?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQTXlnRnZyNDJKTlpQYWY3QVo4Nm55YjdTSFdGZExiYUVlTWliRGliSHR6Vm5sZUNGazBWSlZzb2cvNjQw?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQOW9LNnM5anBpYm5GOWd3R2twdkZEQ0NyaWEzOGw3SENSS0ZpYjd5WlY0Z2dpYkhmSHJ5TU1adE1Edy82NDA?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQT3pOQjVNbE5aaFZsWmpaMDNvQmtXbmZUeU03V1VpY0t6VlNLWm1IaWJQYnE4Vk4zMUNJWWFmSkEvNjQw?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQTDhpY3Q5bFJhUWljdFBwT1NPQ203ZklFZTBCaGlhNzg4Y1FTdEZpY0R5dG43YmM1VmJpYmhHZXg2akEvNjQw?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQZkZmMWZ1ZjNSQUZwc3ppYk4zTUFBaDY2Q3ZDSE9NaWJDaWJqSlRsNzQzRnFPN3lSdmEyNWRuZm1RLzY0MA?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQakhaSkRjYnN6VzBXSGRHd0JFSFk4VkxiZlU0akt2cUk4UkVpYlBsdFl5R0FielFJa0s1TlJIdy82NDA?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQUkFpYlU4aWIzR1Zvd0ZVRFViR3lTSWxsejNFY1I4czg2MWVkTzNmTkdGYlRYRzlhR1UyaDJTV1EvNjQw?x-oss-process=image/format,png
[format_png 11]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQbFV3ZXNhaWFRaWJYM3MxNWNORU1GU2liYXN1bEJ5akVMcmlhMHRTYXhpY21MNVR3djZsWUFpYnM4ZjBBLzY0MA?x-oss-process=image/format,png
[format_png 12]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGdvTlZ3eFJ5bjdUaWFtalNaTjFnZFdQRkpETGdxUkhnaWNHTGliSWliVXZBVDhzWVM4M2FEUDJiUVRJRGJ3Y1lQc2lhTFZpY1UxV20wdGhOdVEvNjQw?x-oss-process=image/format,png