UIUX 學習筆記

#scroll-animation

所有標記為 scroll-animation 嘅文章

地雷系 landing 第 1 章畫面 ── 甜美黑粉風嘅人物劇照,上面浮住「地雷妹是什麼?」標題
2026年6月23日 · WORKS

用 scroll 控制一條 AI 影片:由頭 scrub 到尾嘅 landing

一個用 scroll 進度直接 scrub 一條 AI 生成影片嘅 landing:700vh pin + 緩動 seek 令影片跟手,6 章字幕順住捲動浮現。記低 scroll-scrub 嘅體驗設計同學到嘅嘢。

WAX & SOUL 黑膠店 landing 嘅 Hero ── 一隻黑膠唱片置中自轉,下面係店名同標語
2026年6月21日 · WORKS

用 Three.js 砌一個由頭 scroll 到尾嘅 3D 黑膠唱片店 landing

一個用 Three.js + Lenis 砌嘅連續 scroll 3D 體驗:同一隻黑膠由 Hero 自轉、帶到 New Arrivals 抽碟、最後跌落木框唱盤播放。記低三幕敘事嘅設計取捨同學到嘅嘢。