0/1
Blockstudio
2023.05.09
Tonic | The new way to practice
一款以音樂分享、教育的音樂家社群平台產品。
∎ 主要動態
進入頁面後彈鋼琴女生隨滑鼠滾動啟動表演「設定好的腳本」,因為是使用WebGL技術,所以清晰度真的很讚!
進入頁面後彈鋼琴女生隨滑鼠滾動啟動表演「設定好的腳本」,因為是使用WebGL技術,所以清晰度真的很讚!
∎ APNG
允許像 GIF 格式一樣播放動態圖片,並且擁有 GIF 不支援的 24 位元圖像和 8 位元透明性。它還保留了與非動畫 PNG 檔案的向下相容性。
大家有看到主動態 3D 旁邊有幾個 Emoji 拍手、愛心的小動態嗎?
它是用少見的 APNG 格式動圖製作。
雖然說這個技術已經約十年了,但一直沒有普及原因是瀏覽器不支援!但我發現兩三年前各家瀏覽器皆已經支援,手機瀏覽器也可以使用。
因為顏色清晰比 GIF 更多元,但也確實檔案會大個幾倍,大家可評估使用情境而決定哦!
它是用少見的 APNG 格式動圖製作。
雖然說這個技術已經約十年了,但一直沒有普及原因是瀏覽器不支援!但我發現兩三年前各家瀏覽器皆已經支援,手機瀏覽器也可以使用。
因為顏色清晰比 GIF 更多元,但也確實檔案會大個幾倍,大家可評估使用情境而決定哦!
∎ 次要動態
網站中下段有個五線譜動態特效。
這五條線會隨著你的滑鼠移動而被撥動,就像你在彈吉他一樣!呼應網站音樂家社交平台的核心。是個很棒的小巧思!
網站中下段有個五線譜動態特效。
這五條線會隨著你的滑鼠移動而被撥動,就像你在彈吉他一樣!呼應網站音樂家社交平台的核心。是個很棒的小巧思!
∎ Hover 互動
最下面 CTA 區塊左邊有個 WebGL 3D 人物吹奏著薩克斯風,滑鼠經過時他會忽然跟你打招呼,而且是從「目前的動作跟你揮手」顯得非常順暢,而不是一般圖片做法,兩者流暢度蠻有差。
最下面 CTA 區塊左邊有個 WebGL 3D 人物吹奏著薩克斯風,滑鼠經過時他會忽然跟你打招呼,而且是從「目前的動作跟你揮手」顯得非常順暢,而不是一般圖片做法,兩者流暢度蠻有差。
網站連結 ➜ https://www.jointonic.com/