H5 遇上摇滚乐,实时呈现 Radiohead 迷幻 MV

153 阅读1分钟
原文链接: zhuanlan.zhihu.com

在 Kevin Spacey 当上美国总统前,House of Cards 还只是摇滚乐队 Radiohead 的一首单曲。然而,身为伪摇粉、真软工,小张对 House of Cards 的爱仅仅局限于它的 MV。

下面请看这部 2007 年的 MV。

这个 MV 的厉害之处是,1)它的数据是计算机视觉和激光雷达采集的,2)视频里的三维点是用 Java 实时画出来的。更棒的是,这些激光数据开源在 https://github.com/dataarts/radiohead 里。

也就是说,这个 MV 是开源的!

Hoc_AnimatioData*zip 里是主唱 Thom Yorke 唱 House of Cards 的 CSV 点云,HoC_DataApplications_v1.0.zip 是一个城市的激光雷达扫描数据和播放数据动画的 Java 范例。

也就是说,这个 MV 从头到脚都开源了!

这太没挑战了,小张决定把这个 MV 搬到 H5 网页上,让微信客户端都能实时渲染它。

我琢磨着这件事可以分成四步:

1)读取主唱三维点

2)实时画三维点

3)动起来!

4)音乐响起来

然而依然很没挑战,一下子就搞定了前两步

https://jing-viz.github.io/radiohead/one/

代码和实现细节留在明天讲解,这个坑我肯定填。


【黑客与画家】@Vinjn张静 的原创技术专栏,关注人工智能 + 视觉计算。