這個「賽爾卡林」遊戲活動網頁透過純熟運用 JavaScript 與 GSAP 動畫函式庫打造而成,前端技術層面展現了多項專業實作。網頁採用模組化架構,各元素間的互動邏輯清晰且高效能。頂部設計了互動式混池時間軸,利用 GSAP 的時間軸控制功能實現平滑的點擊轉場效果,當使用者點擊不同的混池圓形圖示時能流暢切換內容。 中央區域的標題採用了 GSAP 的文字動畫效果,使「不滅的火花詛咒」和「賽爾卡林」標題呈現出漸進式出現與光芒閃爍效果。播放按鈕區域整合了客製化影片控制功能,提供互動式媒體體驗。
奧丁改版活動頁面
天堂M ZERO 改版活動