H5 遇上搖滾樂，實時呈現 Radiohead 迷幻 MV

在 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張靜 的原創技術專欄，關注人工智慧 + 視覺計算。