你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

用12万行代码堆出来个「蔡徐坤」

[复制链接]
gaosmile 发布时间:2020-6-21 14:46

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

它是这样的:

微信图片_20200621144439.gif

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

连肩带,都是有灵魂的。

微信图片_20200621144443.gif

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

这项技术的关键在于:

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

也就是说,整个操作纯人工打造!

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

微信图片_20200621144446.gif

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

微信图片_20200621144449.jpg
微信图片_20200621144452.jpg

微信图片_20200621144455.jpg

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

微信图片_20200621144459.jpg 12万行代码你太美

当然也有盆友发出了这样的惊叹:纯手敲?!UP太强了!

微信图片_20200621144502.jpg

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

微信图片_20200621144506.jpg

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

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

微信图片_20200621144510.jpg

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

根据(颜色,长度)生成对应的代码。这涉及到两个步骤:

  • 定义一系列的pattern,比如「粉、红、白」就是声明,「灰、透明」就是注释;

  • 用pattern去匹配(颜色,长度),匹配成功就进行转换。


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

微信图片_20200621144513.jpg

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

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

微信图片_20200621144516.jpg

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

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

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

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

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

微信图片_20200621144519.jpg

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

One More Thing

所以,为什么会开这样一个脑洞?

在采访中,NyeJu也给出了答案:

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

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

收藏 评论2 发布时间:2020-6-21 14:46

举报

2个回答
李康1202 回答时间:2020-6-22 08:51:13
顶一下
desk1983 回答时间:2020-6-24 08:54:11
挺齐全的资料,方便下载,谢谢挺齐全的资料,方便下载,谢谢挺齐全的资料,方便下载,谢谢

所属标签

关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
STM32N6 AI生态系统
STM32MCU,MPU高性能GUI
ST ACEPACK电源模块
意法半导体生物传感器
STM32Cube扩展软件包
关注我们
st-img 微信公众号
st-img 手机版