一款以音樂分享、教育的音樂家社群平台產品。

∎ 主要動態

進入頁面後，彈鋼琴的女生會隨滑鼠滾動啟動表演「設定好的腳本」。
因為使用 WebGL 技術，畫面清晰度非常出色！

∎ APNG

允許像 GIF 格式一樣播放動態圖片，並且擁有 GIF 不支援的 24 位元圖像和 8 位元透明性。
它還保留了與非動畫 PNG 檔案的向下相容性。

大家有看到主動態 3D 旁邊幾個拍手、愛心的 Emoji 小動畫嗎？
它是用少見的 APNG 格式動圖製作。
雖然這項技術已經存在約十年，但過去不普及的原因是瀏覽器支援度不足。
不過現在各家桌面與手機瀏覽器皆已支援。
APNG 顏色更清晰多元，但檔案也會比 GIF 大幾倍，大家可依使用情境評估。

∎ 次要動態

網站中下段有個五線譜動態特效，滑鼠移動時五條線會被撥動，
就像在彈吉他一樣，呼應音樂家社群平台的主題，是個很棒的小巧思！

∎ Hover 互動

最下方 CTA 區塊左邊有個使用 WebGL 製作的 3D 人物正在吹奏薩克斯風。
當滑鼠經過時，他會忽然轉身向你揮手，動作流暢自然，
比起一般圖片切換方式的互動，整體表現更細緻。

網站連結 ➜ https://www.jointonic.com/