首页 热门歌手 正文

公公偏头痛周杰伦的中国风,歌词太有意思了!

大家今天跟大家聊聊我用代码“致敬”周杰伦的《公公偏头痛》这首歌的经历,纯属个人瞎搞,大家图一乐呵。

事情是这样的,前几天听歌,突然又翻到了杰伦的这首《公公偏头痛》,这歌词写的,这曲风,还是那个味儿!我就寻思,能不能用代码把这歌词给整点花活出来?

说干就干!我先是把歌词给扒了下来,一段一段的,然后开始琢磨,怎么才能让它“动”起来。

公公偏头痛周杰伦的中国风,歌词太有意思了!

第一步,词频统计。这歌的歌词重复率挺高的,尤其是“公公”这两个字,简直是贯穿全场。我就想着,能不能用代码统计一下每个词出现的频率,然后把“公公”这两个字给突出显示,字体放大啥的。用Python写了个小脚本,导入jieba分词,然后统计词频,搞定!

第二步,歌词滚动。光是词频统计还不够,得让歌词动起来才行!我就想着,能不能做一个类似卡拉OK那种歌词滚动效果。这块稍微麻烦点,我用了JavaScript来实现,把歌词分成若干行,然后每隔一段时间滚动一行,配合上杰伦的歌声,还真有点内味儿了。

第三步,背景动画。光有歌词滚动还不够,得整个背景动画才行!我就在网上找了一些中国风的素材,比如水墨画、灯笼、宫殿什么的,然后用CSS3做了一些简单的动画效果,让这些素材在背景里飘来飘去,营造一种古色古香的氛围。

第四步,公公表情包。这首歌最魔性的就是“公公”这两个字了,我就想着,能不能找一些公公的表情包,然后把这些表情包穿插在歌词里,增加一些趣味性。我在网上搜罗了一大堆公公的表情包,然后用JavaScript随机显示这些表情包,效果还挺逗的。

第五步,互动环节。为了增加一些互动性,我还在页面上加了一个“给公公止痛”的按钮,点击按钮后,会随机出现一些“良药”,比如“银两”、“美女”、“假期”什么的,纯属恶搞,哈哈!

我把这些功能都整合到一起,做成了一个简单的网页。虽然界面简陋了点,功能也比较粗糙,但好歹也算是用代码“致敬”了杰伦的《公公偏头痛》一把。

公公偏头痛周杰伦的中国风,歌词太有意思了!

这回实践主要用到了Python、JavaScript、CSS3等技术,主要目的是为了娱乐一下,顺便复习一下之前学过的知识。虽然最终效果不是特别完美,但在这个过程中还是学到了不少东西。以后有机会,我还会尝试用代码来“致敬”其他喜欢的歌曲或者电影,希望能给大家带来更多的乐趣!

  • Python:词频统计
  • JavaScript:歌词滚动、表情包随机显示、互动按钮
  • CSS3:背景动画

公公偏头痛周杰伦的中国风,歌词太有意思了!

就这样,大家下次见!

本文转载自互联网,如有侵权,联系删除

相关推荐