2026-02-24

用 AI 重現 Zune Now Playing 的 Tile 特效

 這個東西其實不是最近才想做,是以前就很想做,但一直拖著沒做完

早年我其實很喜歡 Microsoft Zune 那套 Now Playing 畫面,那種黑底、大字、專輯封面拼貼在背景慢慢動的感覺,第一次看到就是整個愛上

現在回頭看還是很有味道。以前有試著用 Silverlight 做過,但那個年代的東西後來也就一起沒了,這個坑就放了很多年..


現在 AI 出來了,就想一下,用 AI 來寫根本就是剛剛好

這個專案我自己喜歡的一點,是它沒有搞很重,而且全部都是透過 AI 生成就可以達到這種效果 ,主要我是用 ChatGPT

沒有框架就是單純用最基本的 HTML、CSS、JavaScript 去做,重點放在把畫面做出來,把感覺調對

這類專案以前很容易卡在一些很煩的小地方,像是某個動畫不順、某個拼貼排列不好看、某個切換節奏不對,然後改一改就懶了。現在有 AI 幫忙補一些基礎段落,確實比較容易把東西收完。但最後真的決定這東西好不好看的,還是人自己在那邊慢慢調。

現在就是全部交給 AI ,除了讚嘆 AI 強大以外,也把自己的一個小小情懷給滿足

這邊你可以直接看到成品,如果有需要就自己再去改吧..


Github: https://github.com/donma/zune-tiles-player

Live Demo: https://donma.github.io/zune-tiles-player/zune.v1.html


--

The bug existed in all possible states. Until I ran the code.

如果這篇文章有幫助到您幫我分享一下,讓我有寫下去的動力...